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
,它应该能够正常工作。