1.2.1 • Published 4 years ago
@superchao/webpack-sdk v1.2.1
webpack-sdk
一个基于vue技术栈配置好的webpack4+配置,根据一定的目录结构可完成开发、打包、压缩功能
使用了DllPlugin及happyPack进行打包速度优化
Project directory specification
project
config
dev-server.js -----------------proxy配置
globalVar.js -----------------各个环境中不同的变量配置
dist
node_modules
public
index.html ----------------html模版
src
*
*
*
app.js --------------------入口
package.json
dev-server.js
const context = ['/api'];
const pathRewrite = { '/api': '' };
context.map((item) => {
pathRewrite[`^${item}`] = '';
});
module.exports = {
port: 9001,
proxy: [{
context,
target: 'http://127.0.0.1:8080/',
pathRewrite
}]
};
globalVar.js
module.exports = {
dev: {
globalVar: {
model: 'dev' // 开发环境的变量
}
},
test: {
globalVar: {
model: 'test' // 测试环境的变量
}
},
pre: {
globalVar: {
model: 'pre' // 预发环境的变量
}
},
pro: {
globalVar: {
model: 'pro' // 生产环境的变量
}
}
};
// 使用方法
// 1.使用了eslint需要提前定义 如果没有使用可以直接访问globalVar对象
/*
global globalVar
*/
let result;
let model = globalVar.model;
if (model === 'dev') result = '我是开发环境';
if (model === 'test') result = '我是测试环境';
if (model === 'pre') result = '我是预发布环境';
if (model === 'pro') result = '我是生产环境';
package.json
"scripts": {
"build": "cross-env NODE_ENV=pro npm run my-webpack",
"build-pre": "cross-env NODE_ENV=pre npm run my-webpack",
"build-test": "cross-env NODE_ENV=test npm run my-webpack",
"premy-webpack": "rimraf dist",
"my-webpack": "webpack --progress --config ./node_modules/@superchao/webpack-sdk/webpack.config.dev.js",
"start": "cross-env NODE_ENV=dev webpack-dev-server --progress --open --config ./node_modules/@superchao/webpack-sdk",
"prebuild:dll": "rimraf public/*.js public/*.json",
"build:dll": "webpack --progress --config ./node_modules/@superchao/webpack-sdk/webpack.config.dll.js"
},
使用步骤
- 创建并进入project文件夹
- npm init 初始化
- 修改package.jsonscripts
- npm i @superchao/webpack-sdk -D
- npm run build:dll (只需执行一次, 之后只需要npm run build就可以,除非不经常修改的第三方包更改才需重新执行)
- npm start (启动服务)
- npm run build (打包)
Links
1.2.1
4 years ago
1.2.0
4 years ago
1.1.9
4 years ago
1.1.8
4 years ago
1.1.7
4 years ago
1.1.6
4 years ago
1.1.5
5 years ago
1.1.4
5 years ago
1.1.3
5 years ago
1.1.2
5 years ago
1.1.1
5 years ago
1.1.0
5 years ago
1.0.9
5 years ago
1.0.8
5 years ago
1.0.7
5 years ago
1.0.6
5 years ago
1.0.5
5 years ago
1.0.4
5 years ago
1.0.3
5 years ago
1.0.2
5 years ago
1.0.1
5 years ago
1.0.0
5 years ago