问答详情
源自:-

module not found:error:can't resolve‘./components/layer/layer.js’ in webpack-demo/src/app,js什么意思?

如题module not found:error:can't resolve‘./components/layer/layer.js’ in webpack-demo/src/app,js什么意思?,使用babel转换ES6

提问者:新旅程0 2017-03-15 17:58

个回答

  • 放学路上的小学生
    2018-05-13 19:11:15

    中间加一个 -o 表示输出文件夹output。

     webpack ./src/page/index/index.js -o ./dist/app.js

    但是打包后的app.js是被压缩过的,显示为一行。

    可以注意到有提示:

    WARNING in configuration
    The 'mode' option has not been set, webpack will fallback to 'production' for this value. Set 'mode' option to 'development' or 'production' to enable defaults for each environment.
    You can also set it to 'none' to disable any default behavior. Learn more: https://webpack.js.org/concepts/mode/

    是因为默认的打包模式为production生产环境模式,所以为了减少文件体积,压缩成了一行。

    要设置成可读性好的怎么办?将mode变为development开发环境即可。

    也就是加上--mode development即可。

    webpack --mode development ./src/page/index/index.js -o ./dist/app.js


  • Luffy秀
    2018-05-09 10:24:10

    试过了,就是第一个答案,需要这样写

    webpack --mode development src/index.js --output-filename app.js --output-path dist


  • 奉天逍遥
    2018-03-28 23:19:41

    webpack --mode production src/main.js --output-filename app.bundle.js --output-path dist

    4.0以后需要写 --output-filename和--output-path


  • 慕粉3960217
    2017-03-19 16:59:17

    请问你这个是怎么解决的?我在编译sass文件的时候也遇到了这个报错

  • css魔力
    2017-03-15 19:11:24

    resolve方法最后得到一个绝对路径,你这俩合不出一个绝对路径,是因为你的.打成,了吗