Replace vue-style-loader with the more up to date style-loader

titouanmathis · titouanmathis · commit e2fed319a46b · 2020-10-12T11:13:02.000+02:00
See vuejs/vue-style-loader#42
diff --git a/package.json b/package.json
@@ -66,6 +66,7 @@
     "resolve-url-loader": "^3.1.1",
     "sass": "^1.26.10",
     "sass-loader": "^9.0.3",
+    "style-loader": "^2.0.0",
     "stylelint-webpack-plugin": "^2.1.0",
     "terser-webpack-plugin": "^4.2.2",
     "twig-html-loader": "^0.1.8",
diff --git a/src/webpack.base.config.js b/src/webpack.base.config.js
@@ -57,7 +57,7 @@ module.exports = (config) => {
         {
           test: /\.vue\.(sa|sc|c)ss$/,
           use: [
-            'vue-style-loader',
+            'style-loader',
             { loader: 'css-loader', options: { url: (url) => !url.startsWith('/') } },
             {
               loader: 'postcss-loader',

Original file line number	Diff line number	Diff line change
`@@ -57,7 +57,7 @@ module.exports = (config) => {`
`57`	`57`	`{`
`58`	`58`	`test: /\.vue\.(sa\|sc\|c)ss$/,`
`59`	`59`	`use: [`
`60`		`- 'vue-style-loader',`
	`60`	`+ 'style-loader',`
`61`	`61`	`{ loader: 'css-loader', options: { url: (url) => !url.startsWith('/') } },`
`62`	`62`	`{`
`63`	`63`	`loader: 'postcss-loader',`