webpack
周星猩
未知
展开
-
babel之配置文件.babelrc入门详解
介绍es6特性浏览器还没有全部支持,但是使用es6是大势所趋,所以babel应运而生,用来将es6代码转换成浏览器能够识别的代码babel有提供专门的命令行工具方便转码,可以自行去了解什么是Babel官方解释,是下一代JavaScript 语法的编译器。既然是下一代Javascript的标准,浏览器因版本的不同对此会有兼容性问题,JavaScript的新的方法都不能使用,但是目前...转载 2019-01-08 11:32:06 · 3921 阅读 · 0 评论 -
vue-router 按需加载
vue的单页面(SPA)项目,必然涉及路由按需的问题。以前我们是这么做的 1 2 //require.ensure是webpack里面的,这样做会将单独拉出来作为一个chunk文件 const Login = r => require.ensure( [], () => r (require('../component/Login.vu...转载 2019-01-08 11:33:37 · 825 阅读 · 0 评论 -
webpack中require和import的区别
webpack中require和import的区别commonjs同步语法经典的commonjs同步语法如下:var a = require('./a');a.show();此时webpack会将a.js打包进引用它的文件中。这是最普遍的情形,不必赘述。commonjs异步加载在commonjs中有一个Modules/Async/A规范,里面定义了require.ens...转载 2019-04-28 10:21:01 · 562 阅读 · 0 评论 -
Webpack 入门教程
Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。本章节基于 Webpack4.*测试通过。从图中我们可以看出,Webpack 可以将多种静态资源 js、css、less 转换成一个静态文件,减少了页面的请求。接下来我们简单为大家介绍 Webpack 的安装与使用。安装 Webpack在安...转载 2018-12-24 10:55:40 · 131 阅读 · 1 评论 -
webpack开发环境和生产环境切换原理
在package.json中有如下设置:"scripts": {"dev": "node build/dev-server.js","build:prod": "cross-env NODE_ENV=production env_config=prod node build/build.js","build:sit": "cross-env NODE_ENV=pr...转载 2018-12-24 11:06:24 · 1626 阅读 · 0 评论 -
Webpacke中output中的占位符
json对象:这种情况适应于多页面时的编译使用命令:npm run webpack,编译打包将会看到在dist/js下生成两个文件转载 2018-12-27 14:33:36 · 852 阅读 · 0 评论 -
Eslint 入门
ESLint 由 JavaScript 红宝书 作者 Nicholas C. Zakas 编写, 2013 年发布第一个版本。 NCZ 的初衷不是重复造一个轮子,而是在实际需求得不到 JSHint 团队响应 的情况下做出的选择:以可扩展、每条规则独立、不内置编码风格为理念编写一个 lint 工具。中文官方网站英文官方网站可以去上方网站进行相关资料查阅,长话短说,直接开始入门吧~安装...转载 2019-04-28 14:14:16 · 258 阅读 · 0 评论 -
webpack hash、chunkhash、contenthash
hashhash是跟整个项目的构建相关,构建生成的文件hash值都是一样的,所以hash计算是跟整个项目的构建相关,同一次构建过程中生成的hash都是一样的,只要项目里有被打包的文件化生改变,整个项目构建的hash值都会更改。chunkhash项目中有多个模块,在使用hash情况下,如果修改了其中的一个模块,其他模快的hash也会改变。这样子是没办法实现缓存效果,...原创 2019-05-20 15:19:44 · 207 阅读 · 0 评论