vue.config.js 是一个可选的配置文件,如果项目的根目录中存在这个文件,那么它会被自动加载,一般用于配置 webpack 等编译选项,具体规范参考:vue-config.js

    支持情况

    • CLI 工程
    • HBuilderX 2.1.5 及以上版本注意事项

    部分配置项会被编译配置覆盖,例如:

    • publicPath 不支持,如果需要配置,请在 manifest.json->h5->router->base 中配置,参考文档:h5-router
    • outputDir 不支持
    • assetsDir 固定 static
    • pages 不支持
    • runtimeCompiler 固定 false
    • productionSourceMap 固定 false
    • css.extract H5 平台固定 false,其他平台固定 true
    • parallel 固定 false使用示例

    自定义静态资源目录

    1. const path = require('path')
    2. const CopyWebpackPlugin = require('copy-webpack-plugin')
    3. module.exports = {
    4. configureWebpack: {
    5. plugins: [
    6. new CopyWebpackPlugin([
    7. {
    8. from: path.join(__dirname, 'src/images'),
    9. to: path.join(__dirname, 'dist', process.env.NODE_ENV === 'production' ? 'build' : 'dev', process.env.UNI_PLATFORM, 'images')
    10. }
    11. ])
    12. ]
    13. }
    14. }

    注入全局依赖

    1. const webpack = require('webpack')
    2. module.exports = {
    3. configureWebpack: {
    4. plugins: [
    5. new webpack.ProvidePlugin({
    6. 'localStorage': ['mp-storage', 'localStorage'],
    7. 'window.localStorage': ['mp-storage', 'localStorage']
    8. })
    9. ]
    10. }
    11. }

    发现错误?想参与编辑?在 GitHub 上编辑此页面!