基于Webpack4的多页应用打包实践指南

使用步骤:

  • 克隆项目:git clone https://github.com/lyh0371/simple-vue-router
  • 安装依赖:npm install
  • 启动开发环境:npm run dev
  • 生产环境打包:npm run build

文档演示:

通过命令行创建项目:

npm install lyhs-cli -g
lyh create xxx

依赖介绍:

- @babel/core,@babel/preset-env,babel-loader:用于将ES6代码转换为ES5代码。

- less,less-loader,style-loader,css-loader:处理less和CSS样式。

- mini-css-extract-plugin:用于压缩CSS文件。

- html-loader,html-webpack-plugin:用于处理HTML文件。

后续将持续更新更多依赖的介绍,以便更全面掌握多页应用打包的流程和技巧。

zip 文件大小:23.16KB