raindi

2018年3月19日

摘要：简介 require-ensure和require-amd的区别： require-amd 说明: 同AMD规范的require函数，使用时传递一个模块数组和回调函数，模块都被下载下来且都被执行后才执行回调函数语法: require(dependencies: String[], [callbac 阅读全文

posted @ 2018-03-19 14:49 raindi 阅读(225) 评论(0) 推荐(0)

webpack中require和import的区别

摘要： commonjs同步语法经典的commonjs同步语法如下：此时webpack会将a.js打包进引用它的文件中。这是最普遍的情形，不必赘述。 commonjs异步加载在commonjs中有一个Modules/Async/A规范，里面定义了require.ensure语法。webpack实现了它阅读全文

posted @ 2018-03-19 14:46 raindi 阅读(7981) 评论(0) 推荐(1)

webpack——publicPath路径问题

摘要：如果没有指定pubicPath,则引入路径如下如果有指定publicPath 则引入如下阅读全文

posted @ 2018-03-19 14:14 raindi 阅读(485) 评论(0) 推荐(0)

2018年3月18日

webpack中的output.filename 和output.chunkFilename

摘要： filename应该比较好理解，就是对应于entry里面生成出来的文件名。比如：生成出来的文件名为index.min.js。 chunkname我的理解是未被列在entry中，却又需要被打包出来的文件命名配置。什么场景需要呢？我们项目就遇到过，在按需加载（异步）模块的时候，这样的文件是没有被列在e 阅读全文

posted @ 2018-03-18 15:04 raindi 阅读(513) 评论(0) 推荐(0)

详解用webpack的CommonsChunkPlugin提取公共代码的3种方式(注意webpack4.0版本已不存在）

摘要： Webpack 的 CommonsChunkPlugin 插件，负责将多次被使用的 JS 模块打包在一起。 CommonsChunkPlugin 能解决的问题在使用插件前，考虑几个问题：以下是官方给出的常用的场景：前面我们实现了多页面分离资源引用,按需引用JS和css 但有一个问题：最后生成阅读全文

posted @ 2018-03-18 14:44 raindi 阅读(768) 评论(0) 推荐(0)

__dirname与__filename

摘要：（1）　__filename变量 node.js中，在任何模块文件内部，可以使用__filename变量获取当前模块文件的带有完整绝对路径的文件名。在应用程序根目录下新建app.js文件，其中代码如下所示。 var testModule1=require(‘./test/testModule.js 阅读全文

posted @ 2018-03-18 11:05 raindi 阅读(141) 评论(0) 推荐(0)

node path.resolve()

摘要：作用： path.resolve（）方法将一系列路径或路径段解析为绝对路径。语法：说明：将参数 to 位置的字符解析到一个绝对路径里。参数说明 from 源路径 to 将被解析到绝对路径的字符串用法：实例：阅读全文

posted @ 2018-03-18 11:03 raindi 阅读(623) 评论(0) 推荐(0)

webpack 4.0.0-beta.0 新特性介绍

摘要： webpack 可以看做是模块打包机。它做的事情是：分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其打包为合适的格式以供浏览器使用。目前，webpack 总共发布了三个稳定版本。从17年八月底开始，经历了长达五个月的阅读全文

posted @ 2018-03-18 10:52 raindi 阅读(2046) 评论(0) 推荐(0)

2018年3月17日

tsconfig.json配置

摘要：什么工具看什么官网-一般都会有说明的 https://www.tslang.cn/docs/handbook/tsconfig-json.html 概述如果一个目录下存在一个tsconfig.json文件，那么它意味着这个目录是TypeScript项目的根目录。tsconfig.json文件中指定阅读全文

posted @ 2018-03-17 23:02 raindi 阅读(619) 评论(0) 推荐(0)

2018年3月15日

前端工程化-webpack(babel编译ES6）

摘要：最新版安装与普通安装使用babel-loader编译ES6,需要遵循规范，安装babel-presets 规范列表对应babel-loader，babel-preset安装最新版和普通版： presets算是loader的参数，如何指定参数？ babel-presets也有一个参数就是targe 阅读全文

posted @ 2018-03-15 17:22 raindi 阅读(339) 评论(0) 推荐(0)

公告