用户登录

在创建项目的时候,你需要按照某些特定的标准,把项目分割成不同的部分 .. 它们之间可以互相使用 .. 在使用 webpack 打包的时候,它会分析文件跟文件之间的依赖的关系 ..

我们先在项目再去创建一个 js 文件 .. 假设它是应用的一部分 .. 名字可以是 name.js .. 在这个文件里我们先用 commonjs 模块的标准去写一个模块 .. module.exports .. 这里就是简单的导出点文字 .. ninghao.net ..

打开 entry.js .. 假设在这个文件里需要刚才我们创建的 content.js 这个模块里提供的功能或者内容 .. commonJS 的模块可以这样导入进来 .. 添加个变量 .. 名字是 name .. 然后使用 require .. 导入 name.js 这个模块 .. 它的位置是在当前这个目录的下面 .. 名字是 name ..

在下面再使用一下导入进来的这个模块里面提供的内容 .. 加上一个 name .. 保存 ..

回到命令行 .. 执行一下 webpack 命令 .. 打开这个打包之后生成的 bundle.js .. 这回在这个文件里面,会包含 entry.js 文件里的东西,另外还有它依赖的一个模块 .. 就是 name.js 文件里的东西 ..

到浏览器上再看一下 .. 这里会显示 name 这个模块里的内容 .. webpack 在打包的时候,看到 entry.js 里面需要使用其它的模块 .. 它就会把这个模块来导入到打包以后生成的文件里面 ..

打包《 webpack:模块打包 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点