好像不是的,是你的语法有些问题
知道了,原来需要同步webpack 和webpack-cli的脚手架 不能一个全局安装,一个局部安装,
解决办法:
卸载全局安装的:npm uninstall webpack webpack-cli -g
安装统一的:
npm install webpack webpack-cli -g
找到了 有个地方少了个s plugins :[ ]
HtmlWebpackPlugin插件可以设置多出口html,并可以指定哪些js打包到对应的html文件内部;指定了对应的js文件,执行打包就能打入对应的html文件。老师在视频里讲了。
估计是你的版本比较高,需要修改一下filename,
filename: '[name].bundle.js'
更详细的你可以查看一下中文官网 https://www.webpackjs.com/configuration/output/#output-filename
有滴呀 视频上也讲了呀
配置mode:development
https://webpack.docschina.org/concepts/mode
开发模式不会压缩
externals: { jquery: 'jQuery' }
已解决
我也遇到了 得亏扫了一下官网 挺多问题需要解决的
package.json中script中没配置'webpack'的npm命令
你的这个问题报错是因为你修改了filename的值为"[name].js",没有保存,源码filemae的值还是'bundle.js'导致的报错。
同问,不过我都是直接删除的
好吧 没问题 是我开2.0 太快了 没注意
这个的版本是1点多的,现在已经3了,把错贴出来。
__dirname 表示当前路径的绝对路径
还原两个文件 然后把包含着两个文件的外一层删了 放到回收站再清空 试试
好像应该在package.json的script对象里增加一个webpack操作方法
输出路径前\多余
这个其实不是报错。在windows下面执行有时候会出现这样的问题。不会影响项目的生成。
webpack需要全局安装,mac用户sudo npm install webpack -g,window用户去掉前面的sudo
入口js(main.js)里的引用是否正确
检查一下webpack命令默认值(webpack.config.js)
文件在运行前是否保存
根据webpack版本不同打包文件也会有差异,检查一下能否正确运行出结果,如果正确就没必要管里面的具体内容了
单词拼写错误了吧,比如。。reasons
对的 你的应该是2X版本了
我用了_dirname+,然而dist里面仍然没有生成的文件夹和文件
截图都不会么
path: __dirname + "/dist/js", webpack2的写法
你的入口文件有两个,而输出的文件名字被写死,对应生成的两个boundle.js,后面生成的会覆盖前面生成的文件,所以指定输出的文件名不要写死,写成
output: {
filename: '[name]-[hash].js',
path: __dirname + '/build'
}
这样相当于占位符一样,生成后的文件名就不会起冲突
你用了path 这个模块 就要加 var path=require('path');
like this:
var path=require('path'); module.exports={ entry:{ bundle:['./src/script/a.js','./src/script/b.js'] }, output:{ path:path.join(__dirname,'./dist/js'), //两杠的dirname filename:'[name]-[hash].js' } }