我是渣渣

安装amfe-flexible（用于设置 rem 基准值）yarn add amfe-flexibleor npm i -S amfe-flexible使用amfe-flexible// src/main.js 中引入 amfe-flexibleimport 'amfe-flexible'安装 postcss-pxtorem（postcss-pxtorem是一款 postcss 插件，用于将单位转化为 rem）注意 版本太高会报错，需要安装指定版本npm install postc

Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，官网 [vue cli ](介绍 | Vue CLI (vuejs.org))安装vue clinpm install -g @vue/cli-service-global创建项目# 创建项目vue create project name# 选择默认选项 完成安装# 进入项目目录cd project name# 启动项目npm run serve or yarn serve路由配置在scr目录下创建如.

在这之前已经看过乞丐版webpack打包后的文件，已经阅读，这次稍微提高一丢丢难度，看看经典的异步加载的逻辑。。。。老规矩，还是从项目搭建开始基础代码这里的代码和之前乞丐版的基本上一样，知识再src新增了一个lazy.js的文件，代码如下webpack.config.jsconst path = require('path')const HtmlWebpackPlugin =...

libraryTarget 和 library当用 Webpack 去构建一个可以被其他模块导入使用的库时需要用到它们output.libraryTarget 配置以何种方式导出库output.library 配置导出库的名称 output.libraryTarget 是字符串的枚举类型，支持以下配置var (默认)编写的库将通过var被赋值给通过library指定名称的变量。in...

什么是webpackwebpack可以看做是模块打包机，他做的事情是，分析你的项目结构，找到Javascript模块以及其他的有些浏览器不能直接运行的拓展语言(sass, TypeScript等),将其打包为合适的格式以供浏览器调用构建就是把源代码转换成发布到线上可执行的JavaScript， HTML，css，包括一下内容代码转换： typescript编译成JavaScript，...

大家都很熟悉了。如Vue，react等都用他打包，为了提高司机的开车体验，一下介绍一些30迈的飙车技巧，老司机勿喷依赖标识项目依赖， --save 上线开发都需要--save-dev 开发依赖，只有开发时使用安装npm install webpack webpack-cli -Dyarn add webpack webpack-cli -D// 运行...

这里传送门 先很火，自己也来看看，学习一下如何使用安装 react官网为我们提供了脚手架工具，我们可以很简单的创建出一个react的项目骨架，个别同学的npm速度太慢的话可以考虑使用nrm,或者yarn,肯定能很大程度的提高你的幸福感// 安装npm install -g create-react-app// 新建项目create-react-app ...

没有处理事件的页面是不完整…这里使用一个计数器的demo来展示如何实现事件绑定….主要需要两个步骤，抽离配置，页面引入我们写好的计数器脚本抽离webpack配置文件，单独打包server端和client端webpack.base.js 基础配置module.exports = { mode: 'development', target: 'web', mo...