vue多入口配置输出到不同的目录

2021-01-15 08:49:31

下面这种方法能简单实现,但是靠谱程度,不敢说,可以参考一下。

在学习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加上目录名称就好了。



  • 2020-03-18 21:30:57

    基于OpenLayers实现地理围栏 谷歌百度高德地图都可以

    前言.因为项目有点特殊,需要接入谷歌地图实现地理围栏,因为谷歌地图的地理围栏接口相关接口并不完善,于是就换了一个思路,利用OpenLayers来实现地理围栏 openlayers 中文地址 http://weilin.me/ol3-primer/ch02/index.html 作者:zcty0701 链接:https://www.jianshu.com/p/60e88ee1e843 来源:简书 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

  • 2020-03-19 17:12:40

    百度地图放大覆盖物消失

    产生问题的原因是因为我们用的普通的点数组生成的多边形,我们应该用百度的点数组生成就没问题了。

  • 2020-03-19 19:15:47

    vue中methods watch和compute的区别和联系

    首先要说,methods,watch和computed都是以函数为基础的,但各自却都不同 而从作用机制和性质上看,methods和watch/computed不太一样,所以我接下来的介绍主要有两个对比: 1.methods和(watch/computed)的对比

  • 2020-03-19 19:50:31

    用vue做的跟随鼠标移动的div

    随鼠标移动的动画效果,之前一直使用angular和react,没怎么接触过vue,先做一个vue的简单例子,然后再整合。

  • 2020-03-20 13:35:55

    随便想到,群聊天的数据库简单设计

    拆分成两个表,一个是消息的流水表,一个是每个人的配置表。 记录每个群下面的这个用户的最后读取的消息last_msg_id,然后在计算消息未读数据。 这样优化之后数据将减少好多,数量是 m+n条数据。不在是成倍增长了。

  • 2020-03-20 13:39:50

    类似与微信朋友圈功能数据库如何实现

    每次发圈子的时候,给关注我的每个uuid,发一个内容id。 大概表的设计就是 uuid,idlist 这样的,idlist是按照时间顺序的。 然后定期删除idlist过多的老圈子。