![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
Corner1990
以为自己什么都有,仔细想想什么都没有!
展开
-
vue配置webpack素自动转为 rem
安装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原创 2021-07-28 09:06:37 · 369 阅读 · 0 评论 -
vue cli 生成vue项目
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目录下创建如.原创 2021-07-21 22:47:22 · 120 阅读 · 0 评论 -
webapck打包文件之异步版学习
在这之前已经看过乞丐版webpack打包后的文件,已经阅读,这次稍微提高一丢丢难度,看看经典的异步加载的逻辑。。。。老规矩,还是从项目搭建开始基础代码这里的代码和之前乞丐版的基本上一样,知识再src新增了一个lazy.js的文件,代码如下webpack.config.jsconst path = require('path')const HtmlWebpackPlugin =...原创 2018-12-17 18:19:05 · 298 阅读 · 0 评论 -
webpack4优化学习
libraryTarget 和 library当用 Webpack 去构建一个可以被其他模块导入使用的库时需要用到它们output.libraryTarget 配置以何种方式导出库output.library 配置导出库的名称 output.libraryTarget 是字符串的枚举类型,支持以下配置var (默认)编写的库将通过var被赋值给通过library指定名称的变量。in...原创 2018-12-14 10:39:49 · 1309 阅读 · 0 评论 -
webpack4配置简单上手
什么是webpackwebpack可以看做是模块打包机,他做的事情是,分析你的项目结构,找到Javascript模块以及其他的有些浏览器不能直接运行的拓展语言(sass, TypeScript等),将其打包为合适的格式以供浏览器调用构建就是把源代码转换成发布到线上可执行的JavaScript, HTML,css,包括一下内容代码转换: typescript编译成JavaScript,...原创 2018-12-14 10:37:34 · 574 阅读 · 0 评论 -
webpack4学习(一)
大家都很熟悉了。如Vue,react等都用他打包,为了提高司机的开车体验,一下介绍一些30迈的飙车技巧,老司机勿喷依赖标识项目依赖, --save 上线开发都需要--save-dev 开发依赖,只有开发时使用安装npm install webpack webpack-cli -Dyarn add webpack webpack-cli -D// 运行...原创 2018-08-22 13:49:08 · 210 阅读 · 0 评论 -
React学习(一)
这里传送门 先很火,自己也来看看,学习一下如何使用安装 react官网为我们提供了脚手架工具,我们可以很简单的创建出一个react的项目骨架,个别同学的npm速度太慢的话可以考虑使用nrm,或者yarn,肯定能很大程度的提高你的幸福感// 安装npm install -g create-react-app// 新建项目create-react-app ...原创 2018-09-05 08:49:41 · 256 阅读 · 0 评论 -
react-ssr之事件绑定
没有处理事件的页面是不完整…这里使用一个计数器的demo来展示如何实现事件绑定….主要需要两个步骤,抽离配置,页面引入我们写好的计数器脚本抽离webpack配置文件,单独打包server端和client端webpack.base.js 基础配置module.exports = { mode: 'development', target: 'web', mo...原创 2019-06-09 07:15:19 · 1345 阅读 · 0 评论