使用fs模块让你在开发项目中不用重复的去修改webpack的配置文件
来源:互联网 发布:开源cms建站系统 编辑:程序博客网 时间:2024/06/06 03:43
那么会使你的配置文件变得非常的大,比如目录配置如下
那么在webpack.config.js 中 你可能会写这么多的代码
所以,如果面对着100+不同界面以及js分散碎片非常多的项目,某些同学可能会立即对配置文件说
what the fuck!!。。。。。
so~
实际上这个问题我们可以通过简单的 fs模块立即解决
比如你的目录结构还是这样的
那么我们如果以html模版为主的话
可以把项目src源码进行动态读取
使用fs模块进行如下代码的编写
var htmlWebpackPlugin = require('html-webpack-plugin');var extractTextPlugin = require('extract-text-webpack-plugin');var fs = require('fs');//源文件路径var basePath = '/src';//html模版路径var tplPath = '/tpl';//js模版路径var jsPath = '/js';//视图文件生成路径var viewPath = '../views';//根据文件结构的对象设置entry的json文件function getEntry(files){var entry = {};for(var i=0;i如此一来,在你的项目中增加页面就不再需要修改配置文件了
现在我们就直接插入一组新的界面
下面是文件内容
好了 测试运行结果
so,使用webpack的目的就是让程序员把注意力专注在写代码上,所以
我们使用webpack的过程中要充分学习它的各种优秀的功能
并且用在项目里
后记:
webpack工具是一款非常强大的web打包工具,
虽然在配置和搭建的过程中需要大量繁琐的过程以及技术,
但是如果你真正的领悟了webpack的使用方法,相信每个用过的人都会深深的
被他的优雅之处所吸引,用过webpack的程序员一定会舍弃掉传统的网页开发方式
因为使用了它我们真的可以不用考虑很多问题了
阅读全文
0 0
- 使用fs模块让你在开发项目中不用重复的去修改webpack的配置文件
- 教你怎么配置Android的AndroidManifest.xml让你不用重复新建项目
- weblogic下开发web项目时修改java文件不用重启的绿色方法,不用修改weblogic的配置文件、不用jar
- 建立项目的webpack配置文件
- 在项目中使用Webpack
- 教你如何使用webpack打包你的项目
- 产品经理让你开发一个模块(功能),我们如何做才能降低在交付前的修改量呢
- 由程序开发中自定义的模块的使用联想去的
- webpack的使用(4) ---- 配置文件详解
- Windows系统让apache使用其他名称的配置文件修改配置文件名称指定自己的配置文件
- Node[2] -- NODE中关于文件的操作 fs模块的使用
- 如何让iframe使用父页面的js文件,不用每次去服务器做请求
- 去activity的标题,一次修改即可不用在设置每个activity
- oracle中去重复记录,不用distinct
- oracle中去重复记录 不用distinct
- oracle中去重复记录 不用distinct
- oracle中去重复记录 不用distinct .
- oracle中去重复记录 不用distinct
- HDU4750
- 1进程与线程以及Linux中fork()的运用
- Rokid Open Voice SDK快速集成指南
- Mybatis自动代码生成(使用交行BBIP框架)
- mybatis 逆向工程 generator xml
- 使用fs模块让你在开发项目中不用重复的去修改webpack的配置文件
- NAT技术与代理服务器调研
- Android中检查网络连接状态的变化,无网络时跳转到设置界面
- JS获取上一访问页面URL地址——(下)
- [Tomcat] Coyote连接器框架源码分析
- 缩简程序代码
- JVM 调优命令排查死锁问题
- 线段树之lazy数组
- 理解LNMP体系结构