ICode9

精准搜索请尝试: 精确搜索
  • webpack4.0 基础配置3(css)2021-04-12 23:05:42

    1. 安装常见css预处理器的loader npm install css-loader style-loader less less-loader autoprefixer postcss-loader --save-dev 注意: 1)autoprefixer postcss-loader 为兼容配置 2) 配置sacc的话:sass node-sass sass-loader // 配置webpack加载器(loader) module: {

  • 不想eject,还咋修改create-react-app的配置?2021-04-12 19:33:33

    一、先抛问题 许多刚开始接触create-react-app框架的同学,不免都会有个疑问:如何在不执行eject操作的同时,修改create-react-app的配置。今天胡哥就来带大家一起来看看这个问题~ 二、为啥不建议执行eject 1. 执行eject产生了什么变化? create-react-app框架本身将webpack、babel的相关

  • vue init webpack project报错2021-04-12 15:59:30

    1.报错描述: Failed to download repo vuejs-templates/webpack-simple: connect ETIMEDOUT 192.30.253.113: 2.报错原因:连接github超时造成的 3.解决: 从ipip.com查询github.com的ip地址。找到C:\Windows\System32\drivers\etc目录下的hosts文件。修改里面github.com的地址为

  • webpack 单独打包指定JS文件(转)2021-04-12 15:34:04

    背景 最近接到一个需求,因为不确定打出的前端包所访问的后端IP,需要对项目中IP配置文件单独拿出来,方便运维部署的时候对IP做修改。因此,需要用webpack单独打包指定文件。 CommonsChunkPlugin module.exports = { entry: { app: APP_FILE // 入口文件 }, output:

  • activity事件分发,微信小程序页面跳转方法总结,大牛最佳总结2021-04-12 13:59:05

    本专栏专注分享大型Bat面试知识,后续会持续更新,喜欢的话麻烦点击一个关注 面试官: 音视频是什么,视频为什么需要压缩 心理分析:很多人对音视频的概念停留在 苍老师的小电影上,只能理解他是一个视频文件。面试官考的对视频文件下的封装格式,视频文件组成和音视频开发有没相关的

  • webpack学习笔记2021-04-11 18:04:37

    PS:根据B站学习视频 :【2020新课程】Webpack从原理到实战完整版-深入浅出,简单易学,前端工程师必学经典内容!学习整理,如有错误,欢迎随时指正,互相学习。 重点: 理解前端模块化理解 webpack 打包的核心思路理解 webpack 中的 “关键人物” 前端模块化 模块化的特点: 作用域封装复用性

  • React-day2-webpack高级2021-04-10 09:29:38

    移动App第2天 webpack的发布策略 在实际开发中,一般会有两套项目方案: 一套是开发期间的项目,包含了测试文件、测试数据、开发工具、测试工具等相关配置,有利于项目的开发和测试,但是这些文件仅用于开发,发布项目时候需要剔除;另一套是部署期间的项目,剔除了那些客户用不到的测试数据

  • webpack 5 CleanWebpackPlugin 更新2021-04-09 15:33:52

    之前引用的方式: const CleanWebpackPlugin = require('clean-webpack-plugin'); new CleanWebpackPlugin(), 5 引用的方式 const { CleanWebpackPlugin } = require('clean-webpack-plugin'); new CleanWebpackPlugin(),   相似的module: webpack-merge   记录进步每

  • Webpack 面试题汇总(持续更新4.9)2021-04-09 12:30:39

    什么是前端模块化?AMD、CMD、CommonJS、ES6模块化之间的区别是什么? 模块化 是指将一个复杂的系统分解为多个模块以方便编码。 模块化规范 的实现是为了达成浏览器端模块化的目的。 AMD 是一种Javascript模块化规范,采用异步的方式去加载依赖的模块。不用转换代码的情况下直接

  • Vue vue.config.js 的详解与配置2021-04-09 10:04:25

    Vue的 vue.config.js 配置 1. 为什么要配置 vue.config.js 由于 vue-cli 3 也学习了 rollup 的零配置思路,所以项目初始化后,没有了以前熟悉的 build 目录,也就没有了 webpack.base.config.js、webpack.dev.config.js 、webpack.prod.config.js 等配置文件。 但是有些内容需要进

  • webpack面试题合集2021-04-08 10:00:03

    1.webpack是什么? webpack是一个打包模块化javascript的工具,在webpack里一切文件皆模块,通过Loader转换文件,通过plugin注入钩子,最后输出由多个模块组合成的文件,webpack专注构建模块化项目。 WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的

  • webpack5的变化2021-04-07 16:33:20

    webpack5 : 这个版本的重点在于以下几点。 尝试用持久性缓存来提高内置性能。尝试用更好的算法和最小值来改进长期缓存。尝试用更好的Tree Shaking和代码生成来改善包大小。尝试改善与网络平台的兼容性。尝试在不约会任何破坏性变化的情况下,清理那些在实现v4功能时处于奇怪状态

  • vue项目结构分析2021-04-06 13:57:25

    vue cli搭建出的项目结构目录如下: 按照顺序逐步进行分析:      1.bulid  ---   webpack的相关配置 有用的如下图红框: 分别是,基本webpack配置,开发环境配置,生产环境配置      2.config  ---  项目的相关配置 里面的index.js文件进行配置代理服务器,与后台进行联调,在pro

  • vue.js 学习笔记2021-04-05 16:32:13

    vue学习 初步学习1、vue 基础1.1 vue 简介1.2 第一个vue程序1.3 el 挂载点1.4 data:数据对象 2、本地应用2.1 v-text指令2.2 v-html指令2.3 v-on指令基础2.4 本地应用-计数器2.5 v-show指令2.6 v-if指令2.7 v-bind指令2.8 案例-图片切换2.9 v-for2.10 v-model 3、网络应用3.

  • webpack url-loader的参数limit没效果 解决记录2021-04-04 18:57:09

    官网:https://webpack.js.org/loaders/url-loader/#root 使用limit:false 就可以不让图片转为base64格式的了;好像可选参数里面没有name这个属性了

  • webpack多页面打包配置方案2021-04-04 11:33:59

    多页面应用打包方案   先来说说什么是单页面应用和多页面应用: 单页面应用(SPA),通俗一点说就是指只有一个主页面的应用,浏览器一开始要加载所有必须的 html, js, css。所有的页面内容都包含在这个所谓的主页面中。 多页面(MPA),就是指一个应用中有多个页面,页面跳转时是整页刷新。

  • 初识 Vite2021-04-03 15:01:23

    初识 Vite What is ViteWhy use ViteHow to solve it依赖预构建 webpack VS Vite服务器启动时间热更新速度生态 How to use 随着 Vue3 的热潮,Vite 也因“快”而红。Vite 最初是针对 Vue3 的一个打包编译工具,目前已经升级到可以支持大部分前端框架的打包编译。在 2021

  • vue-cli4 配置gzip2021-04-02 15:32:52

    const CompressionPlugin = require("compression-webpack-plugin") module.exports = { configureWebpack:config=>{ if(process.env.NODE_ENV === 'production'){ return{ plugins: [

  • electron-vue构建项目2021-04-02 14:31:22

    1.安装vue脚手架2.0,3.0试过使用vue create simulatedgreg/electron-vue my-project不支持 npm install -g vue-cli vue init simulatedgreg/electron-vue my-project 2.安装依赖 cnpm install(npm install安装的时候比较慢) 3.试运行报错 网上查可能是node版本的问题,然后照着文章

  • webpack打包2021-04-02 09:31:42

    webpack是什么: webpack是一种前端资源构建工具,一个静态模块打包器 在webpack看来,前端的所有资源文件(js/json/img/less…)都会作为模块处理 它将根据模块的依赖关系进行静态分析,打包生成对应的静态资源 webpack五个核心概念: 1.Entry 入口(Entry)指示webpack以哪个文件为入口起点

  • webpack 内的 Loader2021-04-01 16:30:21

    前言:Loader 是 实现 webpack 实现整个前端模块化的核心 。用于对模块的源代码进行转换。俗称加载器,去处理和加工打包过程当中遇到的资源文件。 编译转换类:会把加载到的资源模块转换为 JavaScript 代码。 文件操作类:会把加载到的资源模块拷贝到输出的目录,同时将这个文件访问

  • 04- webpack打包css资源2021-04-01 15:01:34

    下载两个loader插件 npm i css-loader style-loader -D css-loader 的作用是处理css中的 @import 和 url 这样的外部资源style-loader 的作用是把样式插入到 DOM中,方法是在head中插入一个style标签,并把样式写入到这个标签的 innerHTML里,就是内联样式如果rules只用一个loader,

  • 30.vue的安装2021-04-01 12:59:31

    1.安装vue环境 1.1 安装清单 nodewebpackvuevue-cli 1.1.1 Node安装 1. node一定要8.11以上版本,如果以前安装过node并且8.11以上那么跳过这个步骤。node下载地址 2. 安装成功后,window+R输入cmd打开小黑窗口输入以下测试: node -v npm -v 1.1.2 webpack安装 1. 安装最新版本 n

  • Webpack教程2021-04-01 10:33:45

    Webpack 我们平时写好的前端代码要部署到服务器上进行测试,这个时候就需要打包工具,这就是webpack。Webpack 是一个前端资源加载/打包工具。 那为什么要打包呢?????? 因为我们平时开发的代码是我们自己写的,同时也具有可观性,这是开发环境。但是如果要运行它,那么可观不可观就完全不重要

  • 总结18个webpack插件,总会有你想要的!2021-03-31 16:04:58

    总结18个webpack插件,总会有你想要的! 何为插件(Plugin)?专注处理 webpack 在编译过程中的某个特定的任务的功能模块,可以称为插件。 Plugin 是一个扩展器,它丰富了 webpack 本身,针对是 loader 结束后,webpack 打包的整个过程,它并不直接操作文件,而是基于事件机制工作,会监听 webpack

专注分享技术,共同学习,共同进步。侵权联系[admin#icode9.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有