Skip to content
Permalink
Browse files

add: Webpack support for SCSS

Signed-off-by: Lien <mo.strangeline@gmail.com>
  • Loading branch information
movii committed Dec 6, 2018
1 parent 54c6280 commit d0c49ec40bb633e381ed61657880aa2f99d5064a
Showing with 845 additions and 23 deletions.
  1. +2 −0 package.json
  2. +1 −0 scss/main.scss
  3. +1 −1 src/js/app.js
  4. +4 −0 webpack.config.js
  5. +837 −22 yarn.lock
@@ -23,6 +23,8 @@
"babel-core": "7.0.0-bridge.0",
"babel-loader": "^8.0.4",
"css-loader": "^1.0.1",
"node-sass": "^4.10.0",
"sass-loader": "^7.1.0",
"style-loader": "^0.23.1",
"uglifyjs-webpack-plugin": "^2.0.1",
"webpack": "^4.26.1",
@@ -0,0 +1 @@
body {background: #000000; color: #ff0000;}
@@ -1,6 +1,6 @@
import Vue from 'vue'
import App from './App.vue'
import css from '../../css/main.css'
import css from '../../scss/main.scss'

const app = new Vue({
render: h => h(App)
@@ -27,6 +27,10 @@ module.exports = {
{
test: /\.css$/,
use: ['style-loader', 'css-loader']
},
{
test: /\.scss$/,
use: ['style-loader', 'css-loader', 'sass-loader']
}
]
},

0 comments on commit d0c49ec

Please sign in to comment.
You can’t perform that action at this time.