webpack篇:编译JS的正确姿势
来源:互联网 发布:阿里大鱼 短信接口php 编辑:程序博客网 时间:2024/05/20 10:11
commonJS规范
http://commonjs.org
比如,一个单独的文件就是一个模块。使用require来加载模块,返回文件内部的exports对象。
是否和nodejs的写法很像?确实,nodejs实现并推动了这个规范(一部分)。
有了这个规范,js可以在任何地方运行,不只是浏览者中(未来很多只要兼容commonJS规范的系统都可以用javascript来开发)
遵循这个规范,然后呢?
这时候一个前端构建框架——webpack就产生了(模块打包)
它能帮我们把本来需要在服务端运行的JS代码,通过模块的引用和依赖打包成前端可用的静态文件。
安装
我们需要全局安装,这样在任何项目中都能使用到 npm install -g webpack
webpack是根据它的配置文件去打包的
所以在项目根目录下新建一个webpack.config.js
module.exports = { // entry是入口文件,可以多个,代表要编译那些js entry:['xxx.js'], output:{ path:'./build/js', // 输出到那个目录下 filename:'build.js' //最终打包生产的文件名 },};
最后,我们只需要在项目根目录下执行 $ webpack
就完成了打包工作
0 0
- webpack篇:编译JS的正确姿势
- 前端速学成财:第九课-webpack篇:编译JS的正确姿势
- 使用Webpack打包单页应用的正确姿势
- vs编译lua-cjson的正确姿势
- 扩展js原生对象的正确姿势
- 关于编译VLC-Android最新代码的正确姿势
- 调戏木马病毒的正确姿势-基础篇
- 调戏木马病毒的正确姿势-基础篇
- parsley.js正确使用姿势
- 搜索的正确姿势
- 读开源库的正确姿势
- 跑步的正确姿势
- 跑步的正确姿势
- 正确的关机姿势
- 正确的科研姿势
- Node.js中使用redis数据库的正确姿势
- 【译】Vue框架引入JS库的正确姿势
- Vue框架引入JS库的正确姿势
- CodeForces 699A Launch of Collider
- redis源码分析-intset(整型集合)
- 【资源】eclipse android adt bundle 下载地址
- 线程池
- 剑指Offer_12_数值的整数次方
- webpack篇:编译JS的正确姿势
- freemarker(FTL)常见语法(JSP中的代码转化为ftl代码)
- Android布局控件之ScrollView(滚动视图)
- 格拉布斯法—异常值判断(异常值)
- java设计模式_UML类图(上)
- 国内的Android SDK镜像
- 前言
- Longest Subsequence
- HDU:5773 The All-purpose Zero(LIS-n*logn解法+思维+技巧)