![codecamp](https://atts.w3cschool.cn/attachments/image/20230811/1691741920856601.png)
编译配置
编译配置存放于项目根目录下 config 目录中,包含三个文件
- index.js 是通用配置
- dev.js 是项目预览时的配置
- prod.js 是项目打包时的配置
index.js —— 通用配置
const config = {
// 项目名称
projectName: 'kj',
// 项目创建日期
date: '2018-6-8',
// 设计稿尺寸
designWidth: 750,
// 项目源码目录
sourceRoot: 'src',
// 项目产出目录
outputRoot: 'dist',
// babel 编译配置
babel: {
sourceMap: true,
presets: ['env'],
plugins: ['transform-class-properties', 'transform-decorators-legacy', 'transform-object-rest-spread']
},
// 编译插件配置
plugins: [],
// 全局变量设置
defineConstants: {},
// 文件 copy 配置
copy: {
patterns: [
],
options: {
}
},
// 小程序端专用配置
mini: {
postcss: {
autoprefixer: {
enable: true
},
// 小程序端样式引用本地资源内联配置
url: {
enable: true,
config: {
limit: 10240
}
}
},
// 替换 JSX 中的属性名,参考:
// https://github.com/NervJS/taro/issues/2077
jsxAttributeNameReplace: {}
},
// H5 端专用配置
h5: {
publicPath: '/',
staticDirectory: 'static',
postcss: {
autoprefixer: {
enable: true
}
},
// 自定义 Webpack 配置
webpackChain: {},
devServer: {}
}
};
module.exports = function(merge) {
if (process.env.NODE_ENV === 'development') {
return merge({}, config, require('./dev'));
}
return merge({}, config, require('./prod'));
};