diff --git a/.babelrc b/.babelrc index f1f9670135e206f6bb81491ac4facc2b9a230695..aa19ca67f04897cc61a2c29405951865878d3fa7 100644 --- a/.babelrc +++ b/.babelrc @@ -8,6 +8,8 @@ ], "plugins": [ [ "react-intl", { "messagesDir": "./public/messages", "enforceDescriptions": false } ], - [ "transform-react-jsx-img-import" ] + "transform-react-jsx-img-import", + "transform-class-properties", + "transform-object-rest-spread" ] } diff --git a/webpack.config.js b/webpack.config.js index ddbec2c9be50b3ccf9849d2424b0ecdcde4bd679..add9a5aaea34f46708cff14ee534157ebdbf9168 100644 --- a/webpack.config.js +++ b/webpack.config.js @@ -119,13 +119,10 @@ module.exports = (env, argv) => ({ include: [path.resolve(__dirname, "src")], // Exclude JS assets in node_modules because they are already transformed and often big. exclude: [path.resolve(__dirname, "node_modules")], - loader: "babel-loader", - query: { - plugins: ["transform-class-properties", "transform-object-rest-spread"] - } + loader: "babel-loader" }, { - test: /\.scss$/, + test: /\.(scss|css)$/, loader: ExtractTextPlugin.extract({ fallback: "style-loader", use: [ @@ -141,20 +138,6 @@ module.exports = (env, argv) => ({ ] }) }, - { - test: /\.css$/, - use: ExtractTextPlugin.extract({ - fallback: "style-loader", - use: { - loader: "css-loader", - options: { - name: "[path][name]-[hash].[ext]", - localIdentName: "[name]__[local]__[hash:base64:5]", - camelCase: true - } - } - }) - }, { test: /\.(png|jpg|gif|glb|ogg|mp3|mp4|wav|woff2|svg|webm)$/, use: {