初学webpack问题总结

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即可
具体可参考点击这里查看问题