:rocket: A Multi-Page Application base on webpack and babel. webpack搭建基于ES6,支持模板的多页面项目
开箱即用的多页面模板, 基于 webpack4 babel7 开发可复用的现代化网站, 解决非 SPA 应用, html 复用, 模块化开发编译等问题.
如果感兴趣该项目, 请点个 star
及时关注项目更新, 请点个 watch
项目 bug, 请提 issue
webpack-chain
进行构建程序.env[mode]
ws.config.js
进行全局的配置打包等配置, 具体可参考 vue.config.js 配置方式ws.config.js
进行灵活的构建配置注:本项目引入了 jquery, bootstrap,该文件配置可自动加载第三方脚本作为链接使用(script 标签的形式引入), 如果需要,在 src/common/lib/index.js 配置即可
webpack-seed
├── dist # 输出目录
├── bin # 创建页面命令
├── build # webpack构建目录
├── src # 项目主目录
├── .editorconfig
├── .env.github # 环境变量配置
├── .env.prod # 环境变量配置
├── .env.staging # 环境变量配置
├── .eslintignore
├── .eslintrc.js
├── .gitignore
├── .npmrc # npm源
├── .postcssrc.js
├── .prettierignore
├── .prettierrc.js
├── .travis.yml # CI当前项目demo部署
├── favicon.ico
├── LICENSE
├── README.md
├── babel.config.js # babel配置
├── package.json
├── ws.config.js # 可通过该配置改webpack等配置
└── yarn.lock
dist
├── css
├── favicon.ico
├── fonts
├── html
├── image
├── index.html
├── js
└── libs
下载使用
git clone https://github.com/BiYuqi/webpack-seed.git
cd webpack-seed
yarn install
本地开发(dev)
yarn run serve
打包(build)
yarn run build
配置文件
# 具体配置和vue.config.js一致
ws.config.js
环境变量
# 具体配置和vue-cli配置方式一致
.env[mode]