内容简介:创建入口文件 app.js执行 Webpack 命令打包 webpack <entry> [<entry>] <output>(呃呃呃额额
创建入口文件 app.js
// es6 module 规范 import sum_d from './sum.js' import {sum_e} from './sum.js' // commcon js 规范 var minus = require('./minus.js') console.log('sum_d(4,6)= ', sum_d(4,6)) console.log('sum_e(9,3)= ', sum_e(9,3)) console.log('minus(8,2)= ', minus(8,2))
方法一: es6 module 规范
/* sum.js */ export default function (a, b) { return a + b } // import 导入时要加 {name} name为 export name export function sum_e (a, b) { return a + b }
方法二:commcon js 规范
/* minus.js */ module.exports = function(a, b) { return a -b }
执行 Webpack 命令打包 webpack <entry> [<entry>] <output>( webpack 4+ 后不支持了 )
webpack app.js bundle.js
呃呃呃额额
打包 ERROR in Entry module not found: Error: Can't resolve 'app.js' in The 'mode' option has not been set ,错误提示
查了一下官方文档才得知,webpack的打包cli命令已经更改:
webpack <entry> [<entry>] -o <output>
webpack app.js -o bundle.js
打包成功,得到了 bundle.js啦
使用 node 执行 bundle.js
以上所述就是小编给大家介绍的《Webpack 一,打包JS》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!
猜你喜欢:- 【前端打包部署】谈一谈我在SPA项目打包=>部署的处理
- Maven多模块项目打包前的一些注意事项(打包失败)
- tar打包如何不打包某一个文件夹(排除某些文件夹)
- iOS新手用swift写一个macos打包工具 一键打包到指定位置
- Android应用签名打包
- 多渠道打包
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
现代前端技术解析
张成文 / 电子工业出版社 / 2017-4-1 / 79.00元
这是一本以现代前端技术思想与理论为主要内容的书。前端技术发展迅速,涉及的技术点很多,我们往往需要阅读很多书籍才能理解前端技术的知识体系。《现代前端技术解析》在前端知识体系上做了很好的总结和梳理,涵盖了现代前端技术绝大部分的知识内容,起到一个启蒙作用,能帮助读者快速把握前端技术的整个脉络,培养更完善的体系化思维,掌握更多灵活的前端代码架构方法,使读者获得成为高级前端工程师或架构师所必须具备的思维和能......一起来看看 《现代前端技术解析》 这本书的介绍吧!