学习笔记

...

2020-1-9阅读（780）评论(0)

Vue单文件组件 传统Vue组件的缺陷： 全局定义的组件不能重名，字符串模板缺乏语法高亮，不支持css(当html和js组件化时，css没有参与其中) 没有构建步骤限制，只能使用H5和ES5，不能使用预处理器（babel） 解决方案： 使用Vue单文件组件，每个单文件组件的后缀名都是.vue 每一个Vue单文件组件都由三部分组成 1).temp......

2020-1-9阅读（859）评论(0)

打包js文件中的高级语法：在编写js的时候，有时候我们会使用高版本的js语法 有可能这些高版本的语法不被兼容，我们需要将之打包为兼容性的js代码 我们需要安装babel系列的包 A.安装babel转换器     npm install babel-loader @babel/core @babel/runtime -D B.......

2020-1-9阅读（863）评论(0)

一，处理css兼容性，自动添加前缀 安装post-css自动添加css的兼容性前缀（-ie-,-webkit-） 1).安装包     npm install postcss-loader autoprefixer -D 2).在项目根目录创建并配置postcss.config.js文件 const autoprefixer......

2020-1-9阅读（1445）评论(0)

一，处理样式文件，css 安装style-loader,css-loader来处理样式文件     1).安装包         npm install style-loader css-loader -D     2).配置规则：更改webpack.config.js的modu......

2020-1-9阅读（913）评论(0)

一，工具 1. 开发工具 ， vs code  ， webstrom ，hbuilder  2. 管理工具 ， webpack ， git，Navicat 3. 其他工具 ，ps， 二，插件 1.art-template 三，框架 1.vue.js 2.element 3.bootcss.com...

2020-1-9阅读（822）评论(0)

一，自动打包   默认情况下，我们更改入口js文件的代码，需要重新运行命令打包webpack，才能生成出口的js文件     那么每次都要重新执行命令打包，这是一个非常繁琐的事情，那么，自动打包可以解决这样繁琐的操作。     实现自动打包功能的步骤如下：     &......

2020-1-9阅读（984）评论(0)

在webpack 默认会将src/index.js 作为默认的打包入口js文件 默认会将dist/main.js 作为默认的打包输出js文件 如果不想使用默认的入口/出口js文件，我们可以通过改变 webpack.config.js 来设置入口/出口的js文件，如下： const path = require('p......

2020-1-9阅读（1548）评论(0)

...

2020-1-8阅读（987）评论(0)

webpack是一个打包工具，webpack 是一个现代 JavaScript 应用程序的静态模块打包器， 1将sass/less 等预编译的css语言转换成浏览器识别的css文件 2能够将多个预编译文件打包成一个文件 3 打包image/styles/assets/scrips/等前端常用的文件 4 搭建开发环境开启服务器 5 监视文件改动，热部署。 6......

2020-1-7阅读（838）评论(0)