关于将Webpack,编译文件输出到不同的目录下

在学习webpack时,由于资料太少了,网上查询到的资料都是只能将文件打包到一个指定目录下。

查了一下,webpack貌似没有针对每个文件配置编译后的路径。

没办法,只好自己想办法。

例如我的当前目录结构为,

button下的index.jsx编译为当前目录下的index.js
grid下的index.jsx编译为当前目录下的index.js

正常情况下配置文件为

entry : {  

"button": "demo/button/index.jsx"),  

"grid": "demo/grid/index.jsx")},

output: {  

path: 'dist/js',  

filename: "[name].js",  

chunkFilename: "[name].js"

}

其实只要小小的变通下,就可以为每个文件配置输出目录,

entry : {  

"demo/button": "demo/button/index.jsx"),  

"demo/grid": "demo/grid/index.jsx")},

output: {  

path: 'dist/js',  

filename: "[name].js",  

chunkFilename: "[name].js"

}


可以看到只是给entry的key加上目录名称就好了。


展开阅读全文

没有更多推荐了,返回首页