Update npm dependencies

package.json

@@ -81,45 +81,45 @@
     "start": "webpack --hide-modules --watch --config resources/assets/build/webpack.config.js",
     "rmdist": "rimraf dist",
     "lint": "eslint resources/assets/scripts resources/assets/build",
-    "test": "yarn run lint"
+    "test": "npm run lint"
   },
   "engines": {
     "node": ">= 6.9.4"
   },
   "devDependencies": {
-    "autoprefixer": "^7.1.1",
-    "browser-sync": "^2.18.8",
+    "autoprefixer": "~7.1",
+    "browser-sync": "~2.18",
     "browsersync-webpack-plugin": "^0.5.3",
-    "bs-html-injector": "^3.0.3",
+    "bs-html-injector": "~3.0",
     "buble-loader": "^0.4.1",
     "clean-webpack-plugin": "^0.1.16",
     "copy-globs-webpack-plugin": "^0.2.0",
-    "css-loader": "^0.28.0",
-    "cssnano": "^3.10.0",
-    "eslint": "^3.19.0",
-    "eslint-loader": "^1.7.1",
-    "eslint-plugin-import": "^2.2.0",
-    "extract-text-webpack-plugin": "^2.1.0",
-    "file-loader": "^0.11.1",
-    "imagemin-mozjpeg": "^6.0.0",
-    "imagemin-webpack-plugin": "^1.4.4",
-    "node-sass": "^4.5.1",
-    "optimize-css-assets-webpack-plugin": "^1.3.1",
-    "postcss-loader": "^1.3.3",
-    "resolve-url-loader": "^2.0.2",
-    "rimraf": "^2.6.1",
-    "sass-loader": "^6.0.3",
-    "style-loader": "^0.16.0",
-    "stylelint": "^7.10.1",
-    "stylelint-config-standard": "^16.0.0",
-    "stylelint-webpack-plugin": "^0.5.1",
-    "url-loader": "^0.5.8",
-    "webpack": "^2.4.1",
-    "webpack-assets-manifest": "^0.6.2",
-    "webpack-dev-middleware": "^1.10.1",
-    "webpack-hot-middleware": "^2.18.0",
-    "webpack-merge": "^4.1.0",
-    "yargs": "^7.1.0"
+    "css-loader": "^0.28.4",
+    "cssnano": "~4.0.0-rc.1",
+    "eslint": "~4.1",
+    "eslint-loader": "~1.8",
+    "eslint-plugin-import": "~2.6",
+    "extract-text-webpack-plugin": "~3.0.0-beta.3",
+    "file-loader": "~1.0.0-beta.1",
+    "imagemin-mozjpeg": "~6.0",
+    "imagemin-webpack-plugin": "~1.5.0-beta.0",
+    "node-sass": "~4.5",
+    "optimize-css-assets-webpack-plugin": "~2.0",
+    "postcss-loader": "~2.0",
+    "resolve-url-loader": "~2.1",
+    "rimraf": "~2.6",
+    "sass-loader": "~6.0",
+    "style-loader": "^0.18.2",
+    "stylelint": "~7.12",
+    "stylelint-config-standard": "~16.0",
+    "stylelint-webpack-plugin": "^0.8.0",
+    "url-loader": "^0.5.9",
+    "webpack": "~3.0",
+    "webpack-assets-manifest": "^0.7.0",
+    "webpack-dev-middleware": "~1.11",
+    "webpack-hot-middleware": "~2.18",
+    "webpack-merge": "~4.1",
+    "yargs": "~8.0"
   },
   "dependencies": {
     "bootstrap": "^4.0.0-alpha.6",

resources/assets/build/webpack.config.js

@@ -43,8 +43,13 @@ let webpackConfig = {
           fallback: 'style',
           publicPath: '../',
           use: [
-            `css?${sourceMapQueryStr}`,
-            'postcss',
+            { loader: 'css', options: { sourceMap: config.enabled.sourceMaps } },
+            {
+              loader: 'postcss', options: {
+                sourceMap: config.enabled.sourceMaps,
+                plugins: [autoprefixer()],
+              },
+            },
           ],
         }),
       },
@@ -55,10 +60,15 @@ let webpackConfig = {
           fallback: 'style',
           publicPath: '../',
           use: [
-            `css?${sourceMapQueryStr}`,
-            'postcss',
-            `resolve-url?${sourceMapQueryStr}`,
-            `sass?${sourceMapQueryStr}`,
+            { loader: 'css', options: { sourceMap: config.enabled.sourceMaps } },
+            {
+              loader: 'postcss', options: {
+                sourceMap: config.enabled.sourceMaps,
+                plugins: [autoprefixer()],
+              },
+            },
+            { loader: 'resolve-url', options: { sourceMap: config.enabled.sourceMaps } },
+            { loader: 'sass', options: { sourceMap: config.enabled.sourceMaps } },
           ],
         }),
       },
@@ -141,9 +151,6 @@ let webpackConfig = {
       options: {
         output: { path: config.paths.dist },
         context: config.paths.assets,
-        postcss: [
-          autoprefixer(),
-        ],
       },
     }),
     new webpack.LoaderOptionsPlugin({
@@ -153,7 +160,7 @@ let webpackConfig = {
       },
     }),
     new StyleLintPlugin({
-      failOnError: ! config.enabled.watcher,
+      failOnError: !config.enabled.watcher,
       syntax: 'scss',
     }),
   ],