Question

我正在使用vuejs开始一个vue-cli项目。

我想使用vue-material作为主要外观，但不确定如何更改主题颜色。

来自vue-material：

要使用自定义主题，您的项目中需要SCSS / SASS支持。阅读有关预处理器的更多信息。在不久的将来，您将能够还将主题与Plain CSS和Stylus一起使用。

并提供以下代码：

@import "~vue-material/dist/theme/engine"; // Import the theme engine

@include md-register-theme("default", (
  primary: md-get-palette-color(green, A200), // The primary color of your application
  accent: md-get-palette-color(pink, 500) // The accent or secondary color
));

@import "~vue-material/dist/theme/all"; // Apply the theme

我创建了一个style.scss来包含它们。

并来自vuejs，并附带以下代码：

module.exports = {
  module: {
    rules: [
      // ... other rules omitted

      // this will apply to both plain `.scss` files
      // AND `<style lang="scss">` blocks in `.vue` files
      {
        test: /\.scss$/,
        use: [
          'vue-style-loader',
          'css-loader',
          'sass-loader'
        ]
      }
    ]
  },
  // plugin omitted
}

首先，没有任何webpack.config.js。但有一个babel.config.js。所以我创建了webpack.config.js并包括了代码。

当我运行npm run serve时，似乎什么也没发生。也没有任何错误或警告。

我是webpack的新手，我真的不确定这一切如何工作。

Answer 1

vue-cli没有webpack.config.js文件。您不需要做一个。相反，您可以将选项放在build/webpack.base.conf.js中。

vuejs-如何添加vue材质主题

1 个答案: