У меня есть проблема с моей конфигурацией WebPack в изоморфном яваскрипте конфигурации, где, если я бег: брошеноSCSS разбор ошибок в WebPack
BROWSER=false NODE_PATH=$NODE_PATH:./shared node --harmony . & webpack-dev-server --progress --color
Ошибки:
/node_modules/babel/node_modules/babel-core/lib/transformation/file/index.js:671
throw err;
^
SyntaxError: /Users/allen/NodeJS/node-analytics-frontend/shared/containers/EventConfig.scss: Unexpected token (1:0)
> 1 | .blue {
|^
2 | color: blue;
3 | }
Это мой WebPack конфигурация:
var path = require('path');
var webpack = require('webpack');
module.exports = {
entry: [
'webpack-dev-server/client?http://localhost:8080/',
'webpack/hot/only-dev-server',
'./client'
],
output: {
path: path.join(__dirname, 'dist'),
filename: 'bundle.js'
},
resolve: {
modulesDirectories: ['node_modules', 'shared'],
extensions: ['', '.js', '.jsx']
},
module: {
loaders: [{
test: /\.scss$/,
loaders: ['style', 'css', 'sass']
}, {
test: /\.jsx?$/,
exclude: /node_modules/,
loaders: ['react-hot', 'babel'],
query: {
stage: 0
}
}]
},
plugins: [
new webpack.HotModuleReplacementPlugin(),
new webpack.NoErrorsPlugin(),
new webpack.DefinePlugin({
"process.env": {
BROWSER: JSON.stringify(true)
}
})
],
devtool: 'inline-source-map',
devServer: {
hot: true,
proxy: {
'*': 'http://localhost:' + (process.env.PORT || 3000)
}
}
};
И я звоню требуют
import styles from './EventConfig.scss';