打包后的JS,如何放在 dist/static/js 文件夹中?
css,images,都可以的!配置如下:
webpack 使用的是 2.x的版本
const path = require('path');
const webpack = require('webpack');
const ExtractTextPlugin = require('extract-text-webpack-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
entry: {
main: './index.js',
vendor: ['react', 'react-dom']
},
output: {
filename: '[name].js',
path: path.resolve(__dirname, 'dist')
},
context: path.resolve(__dirname, 'src'),
module: {
rules: [{
test: /\.js$/,
use: ['babel-loader'],
exclude: /node_modules/
},
{
test: /\.css$/,
//use: ['style-loader', 'css-loader', 'postcss-loader'], !!!!fuck
loader: ExtractTextPlugin.extract({
loader: ['css-loader','postcss-loader'],
fallbackLoader: 'style-loader',
})
},
{
test: /\.(png|jpg|gif|svg)$/,
use: ['file-loader?name=static/images/[name].[ext]?[hash]']
}
],
},
devtool: 'source-map',
plugins: [
new webpack.optimize.CommonsChunkPlugin({
names: ['vendor']
}),
new ExtractTextPlugin("static/css/styles.css"),
new HtmlWebpackPlugin({
filename: 'index.html'
})
],
performance: {
hints: false
}
}