Webpack4.0基础教程一：准备工作

准备工作

1.初始化项目目录：npm init -y

2.建立以下的目录结构：

--dist

--src

----index.js

--package.json（初始化后生成）

3.完成基本的webpack配置：

首先，安装基本的webpack包：

npm install --save-dev webpack webpack-cli

 

接着，进行简单的webpack配置：

在根目录下创建webpack.config.js：

const path = require('path');
 
module.exports = {
  entry: './src/index.js',
  output: {
    filename: 'bundle.js',
    path: path.resolve(__dirname, 'dist')
  }
}

4.在package.json文件的scripts属性下配置npm脚本：

"scripts": {
  ...
  "build": "webpack"
}

5.这个时候我们只要在终端输入npm run build就可以对src目录下的index.js文件打包，在dist目录下生成bundle.js文件。