1.打包文件路径 path路径问题
path路径必须使用绝对路径,windows下要写成 path.resolve(__dirname,’./dist/js/’)
var path = require('path');
module.exports = {
//入口文件的路径
entry:'./src/js/main.js',
//打包文件的路径
output:{
//这里要这样写路径
path:path.resolve(__dirname,'./dist/js/'),
filename:'bundle.js'
}
}
2.npm 文件 package.json中配置webpack
在scripts参数下添加webpack配置
"scripts": {
//下面这段可以不管,是npm自己生成的
"test": "echo \"Error: no test specified\" && exit 1",
//下面这个是咱们得配置,key值是运行时的名字,比如 npm run webpack,名字是自定义的;
//value值是要运行的模块 首先设定webpack运行的配置文件是这段webpack --config webpack.config.js
// --xxx 是运行命令
"webpack": "webpack --config webpack.config.js --progress --display-modules --display-reasons --colors "
}
3.TypeError: Cannot read property ‘entry’ of undefined出现的错误
因为在模板文件中手动引入了 js文件,所以就出现错误,只需要删除模板文件中的js即可
具体可参考点击这里查看问题