2020年11月19日
webpack默认不能处理vue文件，只能自己添加额外的插件进行处理
摘要： 1.安装: npm i vue-loader vue-template-compiler -D 2、配置webpack.config.js文件： { test:/\.vue$/, loader: 'vue-loader' } 3、如果报错如下： 则降低loader版本，npm install 4、创 阅读全文
posted @ 2020-11-19 16:52 银河游鱼 阅读(162) 评论(0) 推荐(0)
webpack安装vue并使用
摘要： 1.执行命令： npm install vue --save 2.配置webpack.config.js文件； 配置完成即可正常使用vue 阅读全文
posted @ 2020-11-19 13:52 银河游鱼 阅读(93) 评论(0) 推荐(0)
ES6转ES5的babel的使用
摘要： 1.安装： npm install babel-loader@7 babel-core babel-preset-es2015 2.配置webpack.config.js { test: /\.js$/, //exclude:排除 exclude: /(node_modules|bower_comp 阅读全文
posted @ 2020-11-19 12:46 银河游鱼 阅读(308) 评论(0) 推荐(0)
2020年11月17日
webpack.config.js的配置
摘要： 1.新建一个文件夹src存放打包前的源文件，dist文件夹存放打包后的文件，新建一个webpack.config.js为webpack的配置文件 2.配置webpack.config.js文件： const path = require('path'); module.exports = { ent 阅读全文
posted @ 2020-11-17 14:37 银河游鱼 阅读(343) 评论(0) 推荐(0)
2020年11月9日
ES6模块化基本使用
摘要： 1.新建一个info.js文件：如下： export const name="李白"; export const age=18; export const height="1.88cm"; 2、在另外一个main.js文件中导入使用： import { name,age,height} from ' 阅读全文
posted @ 2020-11-09 16:43 银河游鱼 阅读(188) 评论(0) 推荐(0)
CommonJS的模块化开发
摘要： 定义模块 根据CommonJS规范，一个单独的文件就是一个模块。每一个模块都是一个单独的作用域，也就是说，在该模块内部定义的变量，无法被其他模块读取，除非定义为global对象的属性 模块输出： 模块只有一个出口，module.exports对象，我们需要把模块希望输出的内容放入该对象 加载模块： 阅读全文
posted @ 2020-11-09 16:23 银河游鱼 阅读(188) 评论(0) 推荐(0)
2020年10月30日
style-loader, css-loader的安装使用
摘要： css-loader： 解析 CSS 文件后，使用 import 加载，并且返回 CSS 代码 style-loader ：将模块的导出作为样式添加到 DOM 中 1、安装： npm install style-loader css-loader --save-dev 2、配置： module: { 阅读全文
posted @ 2020-10-30 16:02 银河游鱼 阅读(1770) 评论(0) 推荐(0)
2020年10月27日
webpack4的安装使用
摘要： 1、全局安装 安装 webpack 前要确保已经下载 node.js 最新版本（node.js官网地址） 目前使用命令行安装的 webpack 默认为最新版本（以下我使用了全局安装。官网建议本地安装，这可以使我们在引入破坏式变更(breaking change)的依赖时，更容易分别升级项目。） np 阅读全文
posted @ 2020-10-27 10:35 银河游鱼 阅读(1082) 评论(0) 推荐(1)
2019年7月1日
移动端自适应适配布局
摘要： rem布局首先确定你的设计稿是基于iphone6还是iphone4/5： 如果设计稿基于iphone6，横向分辨率为750，body的width为750 / 100 = 7.5rem 如果设计稿基于iphone4/5，横向分辨率为640，body的width为640 / 100 = 6.4rem ( 阅读全文
posted @ 2019-07-01 09:40 银河游鱼 阅读(294) 评论(0) 推荐(1)
2019年6月17日
js内建函数reduce()
摘要： reduce函数，是ECMAScript5规范中出现的数组方法。在平时的工作中，相信大家使用的场景并不多，一般而言，可以通过reduce方法实现的逻辑都可以通过forEach方法来变相的实现，虽然不清楚浏览器的js引擎是如何在C＋＋层面实现这两个方法，但是可以肯定的是reduce方法肯定也存在数组的 阅读全文
posted @ 2019-06-17 11:22 银河游鱼 阅读(893) 评论(0) 推荐(1)