webpack配置文件webpack.config.js

配置流程：

1. 手动创建webpack.config.js文件

2. npm初始化

3. 打包运行

4. 开发时依赖

开始配置

1. 创建webpack.config.js文件

const path = require("path");

module.exports = {
  entry: "./src/main.js", 
  output: {                
    path: path.resolve(__dirname, "dist"),
    filename: "bundle.js",
  },
};

//entry 入口
//output 出口

• 由于出口文件的path路径是绝对路径，动态的获取这个路径比较方便，所以需要初始化npm获得node中内置的path变量

2. npm初始化：npm init

初始化成功之后会自动生成package.json文件

3. 打包

方法一：直接在终端执行webpack,即可打包

方法二：在package.json中添加"build": "webpack"

终端输入 npm run build，即可打包

打包成功，自动生成bundle.js文件 。

4. 本地安装webpack: npm install webpack@3.6.0 -save-dev

--以上如有不当之处，请大家及时指出。