html2image支持哪些css,webpack2 如何输出JS到指定文件夹？（css,image,html）都可以！...

打包后的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

}

}