webpack打包js文件

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"  },

完成

生成成功之后的