继续上一篇的基础,继续分享webpack的学习笔记。
作者:房姗
链接:https://zhuanlan.zhihu.com/p/24493747
来源:知乎
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
1.打包新的文件
首先,我们要有一个新的文件,这里我们取名叫name.js;(我这里就直接放在项目的根目录下)
![](https://i-blog.csdnimg.cn/blog_migrate/202c59b2a13e6134e4f0a4f887c294b1.png)
name.js里写一些我们想要的操作,我这里就写了最简单的输出;
module.exports="小房子"
接下来,我们需要改动entry.js,要让这个入口文件将新的文件打包进来;
![](https://i-blog.csdnimg.cn/blog_migrate/2d437dbc93e32a35b8802fba186968bb.png)
var name=require('./name');
这里写的是新文件的相对路径;
然后,在命令工具里再次使用webpack命令;
webpack entry.js bundle.js
这时候,当你查看bundle.js时,会发现bundle.js中已经成功打包进name.js的内容了;
用浏览器查看index.html你会看到如下结果:
hello world!小房子
作者:房姗
链接:https://zhuanlan.zhihu.com/p/24493747
来源:知乎
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。