如何在weex native环境下使用scss
问题:
weex中使用sass/stylus
在.vue文件中指定
<style lang="stylus">
</style>
然后安装相关loader即可使用, 在web及weex环境下均正常
但使用scss则会报错: scss-loader not found
似乎weex-loader中会自动根据lang
寻找对应的loader
然而scss
使用的是sass-loader
造成了名称不对应的情况
请问如何使用scss
?
版本信息如下
vue 2.1.10
weex-loader 0.4.4
weex-vue-loader 0.2.11
weex-vue-render 0.1.9
css-loader: 0.26.1
sass: 0.5.0
sass-loader: 6.0.5
node-sass: 4.5.2
webpack相关配置如下(loader变量根据配置为 'vue'或'weex')
module: {
rules: [
{
test: /\.(js|vue)$/,
loader: 'eslint-loader',
enforce: 'pre',
include: [resolve(__dirname, '../src')],
options: {
formatter: require('eslint-friendly-formatter')
}
},
{
test: /\.(png|jpe?g|gif|svg)$/,
loader: 'url-loader',
query: {
limit: 1,
name: 'images/[hash:8].[name].[ext]'
}
},
{
test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
loader: 'url-loader',
query: {
limit: 1,
name: 'fonts/[hash:8].[name].[ext]'
}
},
{
test: /\.js$/,
loader: 'babel-loader',
exclude: /node_modules/
},
{
test: /\.vue$/,
loader: loader + '-loader'
}
]
}
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
<style lang="sass"></style>