【Mac】Vue cliでsassを利用する
https://cli.vuejs.org/guide/css.html
Pre-Processors
Macターミナル
# Sass
npm install -D sass-loader sass
Automatic imports
https://www.npmjs.com/package/vue-cli-plugin-style-resources-loader
Macターミナル
vue add style-resources-loader
vue.config.jsを編集
vue.config.js
const path = require('path')
module.exports = {
pluginOptions: {
'style-resources-loader': {
preProcessor: 'scss',
patterns: [
path.resolve(__dirname, './src/styles/*.scss'),
]
}
}
}
src/main.jsに追加
main.js
import Vue from 'vue'
import App from './App.vue'
import "./styles/style.scss";//ここで読み込む
Vue.config.productionTip = false
new Vue({
render: h => h(App),
}).$mount('#app')
自動で反映
Macターミナル
npm run serve
Author And Source
この問題について(【Mac】Vue cliでsassを利用する), 我々は、より多くの情報をここで見つけました https://qiita.com/kj14/items/8c936ddb345446ec52d5著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .