Compile Configuration
The compile configuration is in the config
directory in the project root directory and contains three files.
index.js
Common configurationdev.js
Development environment configurationprod.js
Production environment configuration
Detailed compilation and configuration documentation: Compile configuration details
Default Configuration
config/index.js
const config = {
projectName: 'Awesome Next',
date: '2020-6-2',
designWidth: 750,
deviceRatio: {
640: 2.34 / 2,
750: 1,
828: 1.81 / 2
},
sourceRoot: 'src',
outputRoot: 'dist',
plugins: [],
defineConstants: {},
copy: {
patterns: [
],
options: {
}
},
// frameworks, react, nerv, vue, vue3, etc.
framework: 'react',
mini: {
postcss: {
autoprefixer: {
enable: true
},
url: {
enable: true,
config: {
limit: 10240
}
},
cssModules: {
enable: false,
config: {
namingPattern: 'module', // Conversion mode
generateScopedName: '[name]__[local]___[hash:base64:5]'
}
}
},
// Custom Webpack Configuration
webpackChain (chain, webpack) {}
},
//
h5: {
publicPath: '/',
staticDirectory: 'static',
postcss: {
autoprefixer: {
enable: true
},
cssModules: {
enable: false,
config: {
namingPattern: 'module',
generateScopedName: '[name]__[local]___[hash:base64:5]'
}
}
},
webpackChain (chain, webpack) {},
devServer: {}
}
};
module.exports = function(merge) {
if (process.env.NODE_ENV === 'development') {
return merge({}, config, require('./dev'));
}
return merge({}, config, require('./prod'));
};