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

完成

生成成功之后的