在一个vue项目中引用了styl格式的css,在vue文件中还可以正常引用,只需要在
<style scoped lang="stylus" rel="stylesheet/stylus">
中添加 lang="stylus"即可
但是在main.js中引入公共样式的时候,出了问题一直出不来,多方查照找到解决办法

步骤一
安装stylus stylus-loader style-loader

npm install stylus stylus-loader style-loader --save-dev

步骤二
然后改了一下webpack的配置在webpack.base.conf.js的module的loaders里加入了

{
    test: /\.styl$/, 
	loader: 'style-loader!css-loader!stylus-loader',
	include: []  //必须加include:[]
}

在resolve的extensions里加入了.styl

extensions: ['', '.js', '.vue','.styl']

然后随便写一个styl文件测试一下即可

Logo

前往低代码交流专区

更多推荐