打包后的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?1.2.1"), new HtmlWebpackPlugin({ filename: 'index.html' }) ], performance: { hints: false } }
filename:'dist/static/js/[name].js'
就是直接在文件前面加上路径就行了