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
}
}
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
filename:'dist/static/js/[name].js'
就是直接在文件前面加上路径就行了