VUE项目引入公共样式的styl文件
在一个vue项目中引用了styl格式的css,在vue文件中还可以正常引用,只需要在<style scoped lang="stylus" rel="stylesheet/stylus">中添加 lang="stylus"即可但是在main.js中引入公共样式的时候,出了问题一直出不来,多方查照找到解决办法步骤一:安装stylus stylus-loader style-lo...
·
在一个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文件测试一下即可
更多推荐
已为社区贡献6条内容
所有评论(0)