注意： 自定义主题依赖。

    如果你的项目是用 vue-cli 生成的，那么找到 build/utils.js 中的 exports.cssLoaders 函数，改成如下：

    1. exports.cssLoaders = function (options) {
    2.   options = options || {}
    4.   const cssLoader = {
    5.     loader: 'css-loader',
    6.     options: {
    7.       minimize: process.env.NODE_ENV === 'production',
    8.       sourceMap: options.sourceMap
    9.     }
    10.   }
    12.   var postcssLoader = {
    13.     loader: 'postcss-loader',
    14.     options: {
    15.       sourceMap: options.sourceMap
    16.     }
    18.   // generate loader string to be used with extract text plugin
    19.   function generateLoaders (loader, loaderOptions) {
    20.     const loaders = options.usePostCSS ? [cssLoader, postcssLoader] : [cssLoader]
    21.     if (loader) {
    22.       loaders.push({
    23.         loader: loader + '-loader',
    24.         options: Object.assign({}, loaderOptions, {
    25.           sourceMap: options.sourceMap
    26.         })
    27.       })
    28.     }
    30.     // Extract CSS when that option is specified
    31.     // (which is the case during production build)
    32.     if (options.extract) {
    33.       return ExtractTextPlugin.extract({
    34.         use: loaders,
    35.         fallback: 'vue-style-loader'
    36.       })
    38.     }
    39.   }
    41.   const stylusOptions = {
    42.     'resolve url': true,
    43.     // 这里 新增 import 配置项，指向自定义主题文件
    44.     import: [path.resolve(__dirname, '../src/theme')]
    45.   }
    47.   // https://vue-loader.vuejs.org/en/configurations/extract-css.html
    48.   return {
    49.     css: generateLoaders(),
    50.     postcss: generateLoaders(),
    51.     less: generateLoaders('less'),
    52.     sass: generateLoaders('sass', { indentedSyntax: true }),
    53.     scss: generateLoaders('sass'),
    54.     stylus: generateLoaders('stylus',stylusOptions),
    55.     styl: generateLoaders('stylus',stylusOptions)
    56.   }

    原文: