ERROR in multi ./hello.js bundle.js Module not found: Error: Can't resolve 'bundle.js' in 'F:\demo\

如果你想了解完整的打包过程,请转到我的另一篇博客 教你如何简单完整地使用webpack进行打包 ,里面写出了出现各种问题的时候该如何解决

这是我在安装的WebPack后进行测试然后出现的问题,具体如下:

2。

警告配置
“模式”选项尚未设置,webpack将回退到此值的“生产”。
您也可以将其设置为'无'以禁用任何默认行为。
这是因为我们没有进入到开发模式,使用命令:webpack --mode development或者是生产模式production,这里我进的是开发模式。

接着,命令输入:

webpack --mode开发就会以默认路径进行打包,入口文件是./src/index.js。我们生成的文件,是没有src这个文件夹的,这时候需要手动创建,并且在src文件夹中新建一个index.js文件。

如:


最后:找到package.json,添加下面的两条内容,这是因为webpack --mode development太长了,你每次想默认打包,你需要输入好多(有开发模式和生产模式两种),就给起个别名,如下图进行配置:


这样通过命令:npm run dev就会把index.js文件打包成默认的dist文件夹中的main.js

2。
多个./hello.js bundle.js中的错误
找不到模块:错误:无法解析'F:\ demo \ test01 \ myproject'中的'bundle.js'
@ multi ./hello.js bundle.js

主要问题:

旧版本是这样进行打包:

webpack hello.js bundle.js 
但是新版本后我们应该用这样的命令

webpack hello.js -o bundle.js

我目前所用的版本:


接下来尝试进行打包demo.js


  可以看到没有报错了,在文件目录下,自动添加了一个新的文件demo.bundle.js:

猜你喜欢

转载自blog.csdn.net/adsadadaddadasda/article/details/80942115
今日推荐