- 基于webpack开发的前端脚手架cli工具,不需要配置webpack,下载此插件安装即可。
- 支持react、typescript、less等
- 能够将前端的文件打包成合适的大小,避免文件臃肿。
- 此插件是本人在开发cacheweb-webpack-plugin时配套开发的脚手架工具。
- 支持使用模板,配套模板sww-template提供开箱即用的配置环境,内置cacheweb-webpack-plugin,集成开发所需的各种配置
sww --help
sww run --help 查看run命令的参数
-m 指定编译模式 Dev | Pro
-url 指定 PUBLIC_URL
-c 开启运行时检查
-r 开启px转换成rem
-H 开启HTTPS
-h 设置开发环境的HOST
sww init sww-template 初始化模板
"scripts": {
"start": "sww run -m Dev -h cache.service-worker.com -H -url /",
"build": "sww run -m Pro -url /",
}
git init
npm install sww-cli
npx sww-cli init sww-template
npm install
npm start 开发
npm build 生产
// 在项目根目录新建webpack.plugins.js,在文件中写入
const cachewebWebpackPlugin = require('cacheweb-webpack-plugin');
module.exports = [
new cachewebWebpackPlugin({
chacheName: 'SW',
expirationHour: 72,
maxNum: 0,
noCacheFileList: ['index.html', 'register.js'],
cacheFirstList: ['cacheFirstTest', 'acacheFirstTes', 'bcacheFirstTes'],
permanentCacheList: ['test'],
}),
];
安装此插件的项目需要配置如下配置文件
.browserslistrc
.env
.eslintrc.js
tsconfig.json