如何创建 webpack

88 阅读1分钟

创建目录

1. mkdir webpack-demo

2. cd webpack-demo

3.创建 index.js 

初始化:

1. 初始化建立 package.json : npm init 一直回车键。

2. 安装 webpack: npm install webpack webpack-cli –g

webpack 配置:

在根目录下创建一个webpack.config.js文件,来作为webpack的配置文件:

const path = require('path')

module.exports = {

entry: './index.js', 

     output: {

           filename: 'bundle.js',

           path: path.resolve(__dirname, './dist') //输出文件路径必须是一个绝对路径 

      }

}

运行命令:

运行 webpack,此时目录下自动生成 dist 文件夹,里面自动生成 bundler.js 文件。