![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端webpack打包
文章平均质量分 73
CURRY_zhao
风已住,用技能改变生活
展开
-
webpack打包流程
什么是 webpack?webpack是近期最火的一款模块加载器兼打包工具,它能把各种资源,例如JS(含JSX)、coffee、样式(含less/sass)、图片等都作为模块来使用和处理。我们可以直接使用 require(XXX) 的形式来引入各模块,即使它们可能需要经过编译(比如JSX和sass),但我们无须在上面花费太多心思,因为 webpack 有着各种健全的加载器(load转载 2016-11-09 09:53:14 · 17372 阅读 · 0 评论 -
webpack中require和import的区别
我之前在 《前端搭环境之从入门到放弃》这篇文章中吐槽过,webpack中可以写commonjs格式的require同步语法,可以写AMD格式的require回调语法,还有一个require.ensure,以及webpack自己定义的require.include,再加上ES6的import语法,这么多岂不是会把人给搞乱。本篇就来梳理一下这些require各自的特点,以及都在什么场景下使用。转载 2016-11-09 18:07:09 · 20797 阅读 · 1 评论 -
import命令与export命令
import命令使用export命令定义了模块的对外接口以后,其他JS文件就可以通过import命令加载这个模块(文件)。// main.jsimport {firstName, lastName, year} from './profile';function setName(element) { element.textContent = firstName + ' ' +原创 2016-11-09 18:16:23 · 7446 阅读 · 0 评论 -
webpack打包
什么是webpack? 他有什么优点? 首先对于很多刚接触webpack人来说,肯定会问webpack是什么?它有什么优点?我们为什么要使用它?带着这些问题,我们来总结下如下: Webpack是前端一个工具,可以让各个模块进行加载,预处理,再进行打包,它能有Grunt或Gulp所有基本功能。优点如下:支持commonJS和AMD模块。支持很多模块加载器的调用,可转载 2016-11-10 10:46:06 · 1462 阅读 · 0 评论 -
JS编码风格受到ES6的限制
在进行调试的时候,我们的浏览器会出现这样的错误:Failed to load resource:the server responded with a status of 404(Not Found)终端的提示错误则为:ERROR in ./src/router.js ✘ http://eslint.org/docs/rules/semi Extra semicolon F:\原创 2016-11-23 10:57:58 · 7670 阅读 · 0 评论 -
关于常用路径可在 webpack 中注册以避免代码中过长的引入路径的思考
在进行大型项目的时候,文件里面套文件,层叠太多,会导致引入的文件名过长。过长。。。是吧,就不美了。那么问题来了,怎么解决?一、对于模块引用路径我们可以采取这样的措施,在webpack里面注册常用路径,并且定义别名路径会被缓存,有利于webpack更快查找依赖,截图如下:这是一种方法,适合于模块引用路径的。二、针对应用上线后方便的更改接口,不需要再次打包的方法先说一下代价原创 2016-12-19 19:05:55 · 2665 阅读 · 0 评论