vue import .scss报错
新版本的vue-cli已经帮我们把sass-loader配置好了,放在了util.js里面。 原来我们需要在webpack.base.config.js中去配置以下这段代码: { <span class="hljs-attr">test</span>: <span class="hljs-regexp">/\.scss$/</span>, <span class="hljs-attr">use</span>: [ { <span class="hljs-attr">loader</span>: <span class="hljs-string">'style-loader'</span>...
vue中引入.svg图标,使用iconfont图标库(SvgIcon组件使用)
阿里巴巴的iconfont是一个很好的图标库,海量的素材可以快速满足开发人员日常对图标的诉求,我们采用symbol引用,官方介绍 创建SvgIcon组件 <template> <svg :class="svgClass" aria-hidden="true"> <use :xlink:href="iconName"></use> </svg> </template> <script> export default { name: 'svg-icon', props: { iconClass: { type: String, required: true }, className: { type: String } }, computed: { iconName() { return `#icon-${this.iconClass}` }, svgC...
vue 安装sass,运行后报错loaderContext.getResolve is not a function
今天自己搭建vue-cli框架,安装了element-ui,运行没有任何问题,修改了下样式,为了避免修改ele里面组件的样式出现样式污染,想着装个sass写嵌套的,这样既方便又能很好的解决问题,那么动起来: 1.安装需要的依赖: npm install node<span class="token operator">-</span>sass <span class="token operator">--</span>save<span class="token operator">-</span>dev <span class="token comment">//安...
vue中无法加载scss
今天重装了vue-cli脚手架 这次我安装了node-sass+sass-loader之后还是不行,进入webpack.base.config.js发现没有配置scss。 所以增加如下: <span class="token punctuation">{</span> <span class="token property">test</span><span class="token punctuation">:</span> /\.sass$/<span class="token punctuation">,</span> <span class="token property">loaders</span><span ...