Vue.js 如何将触控笔资源加载程序与Vue CLI 3配合使用?

Vue.js 如何将触控笔资源加载程序与Vue CLI 3配合使用?,vue.js,stylus,vue-cli,Vue.js,Stylus,Vue Cli,我知道这涉及到修改vue.config.js,但简单地将所需配置粘贴到configureWebpack对象中似乎不起作用。还有谁能弄明白这一点吗 要添加的所需配置: module: { rules: [ { test: /\.vue$/, use: [ { l

我知道这涉及到修改
vue.config.js
,但简单地将所需配置粘贴到
configureWebpack
对象中似乎不起作用。还有谁能弄明白这一点吗

要添加的所需配置:

module: {
            rules: [
                {
                    test: /\.vue$/,
                    use: [
                        {
                            loader: "vue-loader",
                            options: {
                                loaders: {
                                    stylus: [
                                        {
                                            loader: "stylus-resources-loader",
                                            options: {
                                                resources:
                                                    "./src/assets/_base.styl",
                                            },
                                        },
                                    ],
                                },
                            },
                        },
                    ],
                },
            ],
        },
谢谢大家!

const path=require('path');
module.exports={
链接网页包:(配置)=>{
config.module
.rule('vue')
.use('vue-loader')
.点击((选项)=>{
options.loaders.stylus=options.loaders.stylus.concat({
加载器:“手写笔资源加载器”,
选项:{
资源:path.resolve('./src/assets/_base.styl'),
},
});
返回选项;
});
},

};似乎不起作用。我也在这个项目上使用Typescript,这会有什么不同吗?对不起,这是我的错。请将
options.loaders.styl
更改为
options.loaders.stylus
,它应该能够正常工作。