如何自己安装一个webpack打包工具(分解webpack 的安装过程)

1.创建文件夹 webpack_base

2.在webpack_base 文件打开命令行工具,运行 npm i init --y (初始webpack配置文件)

3.创建dist目录文件,用于存放bulid 出来的文件

4. 创建 src 目录文件,里面存放 项目的入口文件 index.js 以及初视文件 index.html

5.创建 webpack.config.js(webpack的配置文件,可选择开发模式) 

module.exports = {
  mode: "production", // "production" | "development" | "none"  // 告诉webpack是生产环境还是开发环境.
}

6.运行npm i webpack -D

7.运行 npm i webpack-cli - D 命令 (安装webpack的自动打包工具)

8. 运行 webpack 自动进行打包

 

posted @ 2020-09-15 09:21  前端--张帅  阅读(156)  评论(0)    收藏  举报