1. 新建文件夹 初始化 NPM init
注: 一路回车就可以 NPM init
注: package.JSON 里的 name 不能是 webpack 会报错
2. 安装 webpack NPM install webpack -D
3. 新建 JS
4. 新建 webpack.config(编写 webpack 的配置文件)
- const path = require('path');
- module.exports = {
- // JavaScript 执行入口文件
- entry:{
- /* 打包多个文件 分开打包 */
- // main:'./src/main.js',
- // index:'./src/index.js'
- /* 打包多个文件 一起打包 */
- main1:['./src/main.js','./src/index.js',]
- },
- output: {
- // 把所有依赖的模块合并输出到一个 bundle.JS 文件
- // [name] 当前文件的名字
- filename: '[name].js',
- // 输出文件都放到 dist 目录下
- path: path.resolve(__dirname, './dist/js'),
- },
5. 运行 NPM run build
注: 看 package 里的 scripts 里有没有
- "scripts": {
- "build": "webpack",
- "test": "echo \"Error: no test specified\"&& exit 1"
- },
完成
生成成功之后的
来源: http://www.jianshu.com/p/72582055feac