这是我的目录结构:
- public
- src
- app.js
- assets
- images
- logo-b-green.png
- stylesheets
- nav.scss
Run Code Online (Sandbox Code Playgroud)
和:
// webpack.config.js
module.exports = {
entry: './src/app.js',
output: {
path: './public',
filename: 'bundle.js'
},
module: {
loaders: [
{
test: /.jsx?$/,
exclude: /node_modules/,
loader: 'babel-loader'
},
{
test: /\.scss$/,
loaders: ['style', 'css', 'sass']
},
{
test: /\.(eot|svg|ttf|woff|woff2)$/,
loader: 'file?name=fonts/[name].[ext]'
},
{
test: /\.(png|jpg|gif)$/,
loader: "file-loader?name=images/img-[hash:6].[ext]"
}
]
},
resolve: {
extensions: ['', '.js', '.json']
}
};
Run Code Online (Sandbox Code Playgroud)
和:
/* nav.scss */
#nav-logo { …Run Code Online (Sandbox Code Playgroud)