关于手动使用webpack进行项目构建总结

2020-11-09发布，原文链接关于手动使用webpack进行项目构建总结

总结一下手动使用webpack进行项目构建，都有哪些步骤，以及有哪些步骤需要注意的

以下内容前提条件是安装了node.js

一首先创建项目路径并添加src、dist项目结构

src下文件包括css、js、images、index.html、main.js

main.js是项目打包的入口文件

F:\project_center\webpack_project

在项目根路径中调用DOS窗口，输入生成项目配置文件package.json指令

npm init -y

二安装全局webpack，输入以下指令

npm i webpack -g

注意：webpack4版本及以上，使用webpack时，都需要安装webpack-cli

npm i webpack-cli -g

在项目中添加webpack.config.js文件，此文件是针对webpack的配置文件

// require引入path路径
const path = require('path')

// 通过node模块操作，向外部暴露一个配置对象
module.exports = {
  entry : path.join(__dirname , './src/main.js'), // 设置webpack打包入口文件
  output : {
    path : path.join(__dirname , './dist'), // 设