webpack基本配置和功能详解 webpack基本配置和功能详解

创建一个webpack.config.js文件
module.exports = {
entry:'./script/main.js',//入口文件
output: {
path : '../dist/js',
filename: 'bundle.js'
}//打包文件存放处
}

文章图片
WechatIMG3486.jpeg

在src文件下运行webpack命令发现bundle.js生成完毕如果想改变webpack.config.js =>wyq.config.js 在终端进行 webpack --config wyq.config.js

【webpack基本配置和功能详解】在wyq.config.js里面直接注入脚本

"scripts": { "test": "echo \"Error: no test specified\" && exit 1", "webpack" : "webpack --config wyq.config.js --colors" }, 运行 npm run webpack 就可以了