文章目录
一.webpack概述
webpack是一个打包工具,基于node.js,可以将开发环境转成运行环境,可以快速地浏览代码与效果。
在webpack里,一切文件皆为模块。
webpack的功能:将多个js文件合并在一起,最后打包出浏览器可识别的js文件。它可以当做模块使用,用script引入到html文件中,便可通过浏览器打开,访问相应的内容。
参考webpack百度百科:
https://baike.baidu.com/item/webpack/23734030?fr=aladdin
二.webpack的安装
实验环境:node环境
编译器:HBuilder X
1.全局安装webpack、webpack-cli
npm install webpack webpack-cli -g
2.版本查看
webpack -v
三.项目文件
hello.js
// 把此文件当成模块来用
exports.sayHi = function(){
//导出
document.write("<div>Hello Webpack</div>&#