超级管理员

简介Rollup 是一个 JavaScript 模块打包器,可以将小块代码编译成大块复杂的代码,例如 library 或应用程序。Rollup 对代码模块使用ESM。ES6 模块最终还是要由浏览器原生实现,但当前 Rollup 可以使你提前体验。Webpack 的理念是“万物皆是模块”,rollup.js 从一开始,就没有那样宏大的愿景,它描述自己是:“一个 JavaScript 模块打包器”。致力于“将小块的代码编译成大的复杂的代码”。快速使用Rollup 可以通过命令行接口(command line interface)配合可选配置文件(optional configuration fil

2022-03-03    JavaScript    前端框架    199
超级管理员

本文为我的学习笔记,适合有 Vue.js 2.0 基础的人阅读。1,下载基础设置克隆Vue-next-Webpack-preview项目,它将为我们提供包括Vue 3在内的最小的Webpack设置。$ git clone https://github.com/vuejs/vue-next-webpack-preview.git vue3-experiment $ cd vue3-experiment $ npm install 2,添加sass 支持npm install --save-dev style-loader node-sass sass-loader 在webpack.co

2020-09-09    前端框架    541
超级管理员

Webpack 4.0 开始,为了应对 Parcel 等的挑战,配置越来越简单,甚至可以“零配置”。一个简单的 Webpack.config.js 配置文件 :const path = require('path'); module.exports = { entry: './src/index.js', output: { path: path.resolve(__dirname, 'dist'), filename: 'bundle.js' } }; 添加上常用 loader 后的配置文件:const HtmlWebpackPlugin = r

2020-05-21    前端框架    684
超级管理员

Bundle: Produced from a number of distinct modules, bundles contain the final versions of source files that have already undergone the loading and compilation process.Bundle: bundle通常是由多个不同的模块产生,它是已经加载完毕和被编译后的源代码的最终版本。Bundle Splitting: This process offers one way of optimizing a build, allowing webp

2020-05-21    前端框架    1108
超级管理员

Webpack file-loader 升级后 src= "[object Module]" 的解决方法,当 file-loader 的版本是 4.3.0 及以上,则需要在 webpack.config.js 中手动配置属性 esModule 。{ test: /\.(jpg|jpeg|png|gif|svg)$/, loader: "file-loader", options: { esModule: false, // 默认值是 true,需要手动改成 false } } esModuleType: Boolean Default: trueBy de

2020-03-18    前端框架    767
超级管理员

使用webpack项目打包以后的项目在Chrome、Safari 下运行正常,但是在IE11下运行失败!提示 vuex requires a Promise polyfill in this browser。 一脸迷惑,原来是这样的。babel默认只转换语法,而不转换新的API,如需使用新的API,还需要使用对应的转换插件或者polyfill。例如,默认情况下babel可以将箭头函数,class等语法转换为ES5兼容的形式,但是却不能转换Map,Set,Promise等新的全局对象,这时候就需要使用polyfill去模拟这些新特性 babel-polyfill 原理是当运行环境中并没

2018-09-10    前端框架    822
超级管理员

Babel 的官网上在2017年9月宣布 ES2015 / ES2016/ ES2017 等等 ES20xx 时代的 presets 通通被废弃(deprecated),取而代之的是 babel-preset-env,并且承诺它将成为“未来不会过时的(future-proof)”解决方案。 babel-preset-env 是一个新的 preset,可以根据配置的目标运行环境(environment)自动启用需要的 babel 插件。 目前我们写 javascript 代码时,需要使用 N 个 preset,比如:babel-preset-es2015、ba

2018-09-10    前端框架    516
超级管理员

为什么使用 HtmlWebpackPlugin 使用webpack命令打包,默认是不能生成html文件的,我以前的解决方法,就是在webpack output的目录中,添加一个index.html文件,index.html文件的内容如下: !DOCTYPE html html lang="zh-cn" head   title 首页 /title   meta charset="utf-8"   meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui"

2018-09-08    前端框架    557
超级管理员

前两种方法需要设置路由history模式,后两种方法貌似更合适。 方法一: 1.在router.js里面(即路由文件中),此时模式为 history const router = new VueRouter({   mode: 'history',   routes,   scrollBehavior (to, from, savedPosition) {     if (savedPosition) {       return savedPosition     } else {       if (from.meta.keepAlive) {        

2018-06-22    前端框架    1526
超级管理员

实现难点 如何判断切换路由时是前进还是后退 每次向左向右切换动画如何实现 解决方案 我们需要给各个页面定义层级,在切换路由时判断用户是进入哪一层页面,如果用户进入更高层级那么做前进动画,如果用户退到低层级那么做后退动画. router/index.js import VueRouter from 'vue-router' import Home from '../components/home/home' import User from '../components/user/user' var router = new VueRouter({     routes

2018-06-15    前端框架    877
随机推荐
Koa.js 路由 koa@router
MySQL中UNION和UNION ALL的使用
Thinkcmf面包屑
使用阿里云对象存储 OSS 命令行工具 ossutil 自动备份 Windows 服务器
Windows server 2003 iis安装php
PHP网页授权获取用户基本信息
十大编程算法
macOS 生成 icns 图标
20180121龙
SQLite数据库的id字段,怎么设置成从1开始自增
QQ号

微信联系我

夜间模式切换
回到顶部