webpack的使用

这是整体的文件目录结构 js是打包后生成的文件夹,bundle.js是打包之后的js文件。我们做一个简单的模块,进行webpack操作之后只需导入一个js文件即可。
main.js
var hello = require("./hello")
hello.sayHi

hello.js
exports.sayHi= function () {
document.write("

张君倩

")
}

webpack的配置文件:webpack.config.js(必须叫这个名字要不然找不到!)
module.exports = {
entry: './modules/main.js',
output: {
filename: './js/bundle.js'
}
};

然后再命令行敲webpack按回车打包就完成了。 最后我们新创建一个页面

webpack的使用最先出现在Python成神之路

版权声明:
作者:ht
链接:https://www.techfm.club/p/20073.html
来源:TechFM
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>