上一页 1 2 3 4 5 6 7 ··· 9 下一页
摘要: (1)安装loader 下载安装file-loader npm install --save-dev file-loader (2)配置config文件 (3)选项配置 配置options: name:为你的文件配置自定义文件名模板(默认值[hash].[ext]) context:配置自定义文件的 阅读全文
posted @ 2019-11-19 23:36 lanlanDong 阅读(278) 评论(0) 推荐(0) 编辑
摘要: Sourcemap是为了解决实际运行代码(打包后的)出现问题时无法定位到开发环境中的源代码的问题。 devtool选项 5个基本类型: (1) eval 每个模块都使用 eval() 执行,每一个模块后会增加sourceURL来关联模块处理前后的对应关系。如下图 由于会映射到转换后的代码,而不是映射 阅读全文
posted @ 2019-11-19 23:33 lanlanDong 阅读(623) 评论(0) 推荐(0) 编辑
摘要: 处理效果 将所有的入口 chunk(entry chunks)中引用的 css,移动到独立分离的 CSS 文件 2.ExtractTextPlugin插件 (1)安装(下载) npm install --save-dev extract-text-webpack-plugin@next (2)配置c 阅读全文
posted @ 2019-11-19 23:30 lanlanDong 阅读(398) 评论(0) 推荐(0) 编辑
摘要: 1.Less (1)处理效果 (2)安装loader 安装less-loader和less 下载: npm install less-loader less --save-dev (2)配置loader 代码: 2.Sass (1)处理效果 (2)安装loader 安装sass-loader和nod 阅读全文
posted @ 2019-11-19 23:27 lanlanDong 阅读(282) 评论(0) 推荐(0) 编辑
摘要: 1. 处理效果 未使用loader时,会出现路径错误,图片不显示的情况 经过loader处理后,图片能正常显示 2. 安装 cnpm install --save-dev html-loader 3. 配置config文件 Rules中配置 阅读全文
posted @ 2019-11-19 23:20 lanlanDong 阅读(857) 评论(0) 推荐(0) 编辑
摘要: loader 让 webpack 能够去处理那些非 JavaScript 文件(webpack 自身只理解 JavaScript)。loader 可以将所有类型的文件转换为 webpack 能够处理的有效模块,然后你就可以利用 webpack 的打包能力,对它们进行处理。 2.安装loader 安装 阅读全文
posted @ 2019-11-19 23:15 lanlanDong 阅读(160) 评论(0) 推荐(0) 编辑
摘要: 1. 新建一个webpack.config.js 2. 配置入口entry(所需打包的文件路径) 3. 配置出口output (1)path指文件打包后的存放路径 (2)path.resolve()方法将路径或路径片段的序列处理成绝对路径 (3)__dirname 表示当前文件所在的目录的绝对路径 阅读全文
posted @ 2019-11-17 23:34 lanlanDong 阅读(390) 评论(0) 推荐(0) 编辑
摘要: 一.检查环境 1.window+R键,输入cmd打开命令行工具 2.检查是否有安装node.js 有版本显示则是已经安装成功 否则可以官网安装node.js 命令行 node -v 3.检查npm 或者是cnpm 有版本显示则是已经安装成功 否则可以安装npm 二.创建package.json文件 阅读全文
posted @ 2019-11-17 21:42 lanlanDong 阅读(269) 评论(0) 推荐(0) 编辑
摘要: 1、什么是Webpack WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其打包为合适的格式以供浏览器使用。 2、为什要使用WebPack 今的很多网页其实可以看做是功 阅读全文
posted @ 2019-11-17 20:44 lanlanDong 阅读(186) 评论(0) 推荐(0) 编辑
摘要: 1.定时器的清除 部分动画效果需要js自动生成,时间的控制使用了timeout和innertal,其中timerout包含了innertal,点击事件和定时器不在同一个js文件中,快速来回点击的时候,定时器清除不起作用。 解决方案:将该li对应页的所有定时器绑定在该li身上,每次点击的时候清除tim 阅读全文
posted @ 2019-11-17 00:32 lanlanDong 阅读(175) 评论(0) 推荐(0) 编辑
上一页 1 2 3 4 5 6 7 ··· 9 下一页