时间:2021-05-25
如何配置sass
一、安装对应依赖node模块:
npm install node-sass --save-devnpm install sass-loader --save-dev二、打开webpack.base.config.js在loaders里面加上
rules: [ { test: /\.vue$/, loader: 'vue-loader', options: vueLoaderConfig }, { test: /\.js$/, loader: 'babel-loader', include: [resolve('src'), resolve('test')] }, { test: /\.(png|jpe?g|gif|svg)(\?.*)?$/, loader: 'url-loader', query: { limit: 10000, name: utils.assetsPath('img/[name].[hash:7].[ext]') } }, { test: /\.scss$/, loaders: ["style", "css", "sass"] }, { test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/, loader: 'url-loader', query: { limit: 10000, name: utils.assetsPath('fonts/[name].[hash:7].[ext]') } } ] }三、在用scss的地方写上
<style lang="scss" scoped="" type="text/css"></style>以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
vue-cli中已经内置配置好了sass以及lass的配置。如果需要的话直接下载两个模块就可以了,webpack它会根据lang属性自动用适当的加载器去处理。如
使用vue的同学们大都是基于vue-cli来搭建项目的,vue-cli中的配置全面强大。//常用的命令npmrundev//本地热更新模式npmrunbuild
在使用vue-cli项目创建项目中,使用sass等预编译css语言时,不需要在config中配置,只需要在项目中安装相应loader即可。例如:1、在项目中使用
本文介绍了基于vue-cli的vuex配置,分享给大家,希望对大家有帮助首先成功运行vue-cli项目安装vuexcnpmivuex--save修改配置文件st
vue全家桶是指vue-router,vuex,vue-resource,再加上构建工具vue-cli,sass样式,就是一个完整的vue项目的核心构成。 V