素材牛VIP会员
webpack输出多个目录的问题
 zz***60  分类:Node.js  人气:944  回帖:3  发布于6年前 收藏

用webpack打包的时候 入口文件可以定义多个,输出的时候 用output.path输出文件目录 [name]分别输出文件名,
都打包在了一个目录里 我想输出的时候 输出在不同的目录里 用webpack如何去做呢 ?

 标签:node.jsjavascript

讨论这个帖子(3)垃圾回帖将一律封号处理……

Lv4 码徒
pe***ei 移动开发工程师 6年前#1
 这样配:
  entry: {
    " dir1/dir2/dir3":'./index.jsx'
  }
Lv1 新人
ke***69 PHP开发工程师 6年前#2
var webpack = require("webpack");

module.exports = {
  entry: {
    file1: "./file1.js",
    file2: "./file2.js"
  },
  output: {
    filename: "file1.bundle.js"
  },
  plugins: [
    new webpack.optimize.CommonsChunkPlugin("file2", "./anotherpath/file2.bundle.js")
  ]
};
Lv6 码匠
轰***o 软件测试工程师 6年前#3

var getEntry = function(){

var entry = {};
glob.sync(__dirname+'/dev/**/*.js').forEach(function(name){
    var n = name.slice(name.lastIndexOf('dev/')+4,name.length-3);
    entry[n] = name;
});
return entry;

}

module.exports = {

entry:getEntry(),
output:{
    path:__dirname+'/public/',
    filename:'[name].js'
},
module: {
    loaders: [
          //{ test: /\.less$/, loader: 'style!css!less' }, // use ! to chain loaders
          { test: /\.less$/, loader: ExtractTextPlugin.extract("style-loader!css-loader","less-loader") },
          { test: /\.(png|jpg)$/, loader: 'url?limit=8192'} 
    ]
  },
  resolve: {
      root:__dirname,
    extensions: ['', '.js', '.less']
  },    
plugins: [commonsPlugin,new ExtractTextPlugin("[name].less",{allChunks:true})]

}

 文明上网,理性发言!   😉 阿里云幸运券,戳我领取