search

yenshih / style-resources-loader

CSS processor resources loader for webpack
MIT License
262 stars 10 forks source link

最新的vue-cli中使用官方推荐的vue.config.js配置 实际不生效 #13

Closed Autumn-one closed 5 years ago

Autumn-one commented 5 years ago

vue.config.js 配置如下

// vue.config.js
const path = require('path')

module.exports = {
  chainWebpack: config => {
    const types = ['vue-modules', 'vue', 'normal-modules', 'normal']
    types.forEach(type => addStyleResource(config.module.rule('stylus').oneOf(type)))
  },
}

function addStyleResource (rule) {
  rule.use('style-resource')
    .loader('style-resources-loader')
    .options({
      patterns: [
        path.resolve(__dirname, './src/public.styl'),
      ],
    })
}
Autumn-one commented 5 years ago

我再组件中直接使用public.styl的变量没有作用

yenshih commented 5 years ago

你好，麻烦根据 sourcemap 查一下编译后的 styl 文件是否符合预期

huoguangxuan commented 5 years ago

你好，我遇到了同样的问题，请问您这个问题解决了吗？，能告诉我怎么解决这个问题吗？谢谢

yenshih commented 5 years ago

这个问题我会跟进一下，但毕竟上次发布版本的时候，vue-cli 还没有引用这个库呢。后续会为 vue-cli 加一个 e2e 测试。

yenshih commented 5 years ago

@Autumn-one @huoguangxuan loader 本身没有问题，我按照 vue-cli 文档已经跑通功能，麻烦检查自身代码和配置是否正确