【文件属性】:
文件名称:webpack4-boilerplate:webpack4打包模板
文件大小:273KB
文件格式:ZIP
更新时间:2021-05-17 05:25:56
react webpack bolierplate webpack4 JavaScript
webpack4-boilerplate
webpack4 多页面打包模板
支持React
支持scss, autoprefixer自动加浏览器前缀, icon字体图标
ES6+语法 babel编译成 ES5语法
提取公共css和js,自动添加版本号
打包压缩js和css
Mock数据 接口转发
使用
安装
npm install
开发(默认开启本地mock)
npm run dev
预览:
关闭mock
npm run dev:no-mock
接口代理(关闭本地mock,开启远程代理,用于后端联调)
npm run proxy
打包
npm run build
自定义打包目录
npm run dev:custom
开发阶段,如果page目录下页面过多,会导致打包缓慢,影响开发效率。可以新建一个customPages.json指定开发阶段需要打包的页面
{
"pages": [
【文件预览】:
webpack4-boilerplate-master
----.babelrc(393B)
----jsconfig.json(168B)
----package.json(2KB)
----mock()
--------girl.js(305B)
--------index.js(375B)
----package-lock.json(414KB)
----src()
--------assets()
--------pages()
--------common()
--------styles()
--------utils()
----.eslintrc.js(1KB)
----.gitignore(25B)
----customPages.json(59B)
----.browserslistrc(49B)
----.npmrc(100B)
----README.md(3KB)
----.eslintignore(49B)
----postcss.config.js(65B)
----build()
--------webpack.prod.js(2KB)
--------webpack.prod.js.bak(4KB)
--------devServerProxy.js(223B)
--------util.js(2KB)
--------webpack.dev.js.bak(3KB)
--------webpack.dev.js(2KB)
--------webpack.base.js(2KB)