webpack：关于js文件和css分模块打包的学习记录

#webpack在项目中的使用

---

*webpack：静态模块化打包工具

首先：npm init 生成 package.json

然后：进入package.json添加build命令

“scripts”: {
“test”: “echo “Error: no test specified” && exit 1”,
“build”: “webpack”//此处将会优先使用本地的webpack
},

接着：创建webpack.config.js内容如下：

const path = require(“path”) //此处需要依赖node 所以上面需要npm init

module.exports = {
entry: “./src/main.js”, /* 绝对地址 */
output: {
path: path.resolve(__dirname, “dist”),
filename: “bundle.js”
}
}

于是只要在终端输入npm run build就可以映射到webpack命令，

最好在项目内部安装局部webpack
命令如下：
npm install webpack@3.6.0 --save-dev

*当需要将css文件一起打