webpack4从0开始构建前端单页项目(1)整理目录

webpack5 虽然已经出来了，不过现在主流还是webpack4。看了看5和4的文档，差别不是很大。

    cnpm i webpack@next webpack-cli@next -D # 安装webpack5

webpack4 中文文档 参考 https://www.webpackjs.com/concepts/

webpack5 中文文档 参考 https://webpack.docschina.org/concepts/

创建项目

    mkdir projectName   # 创建项目名
    cd projectName      # 进入项目
    npm init -y         # 初始化配置文件 package.json

安装webpack4

    cnpm i webpack webpack-cli -D 

整理项目结构

    project
    |   .editorconfig       # 配置格式化插件
    |   package.json        # 项目需要的依赖
    |   webpack.config.js   # webpack配置文件
    |   
    +---public
    |       index.html      # 用于打包生成 .html 文件的模板
    |       
    \---src
            main.js         # webpack的入口文件

依赖的模块(package.json)

    "devDependencies": {
        "webpack": "^4.44.2",
        "webpack-cli": "^3.3.12"
    }

.editorconfig配置参考 https://www.cnblogs.com/cisbest/p/13335923.html