搜索结果
查询Tags标签： webpack，共有 749条记录-
【金秋打卡】第25天 webpack 打包工作
课程名称：TypeScript封装播放器组件 课程章节：第5章 弹出层中的Video播放器组件开发 5-10 主讲老师：西门老舅 课程内容： 今天学习的内容是webpack的打包和一些生产环境下的配置。 项目完成后需要进行打包和发布。 项目在开发阶段和生产阶段的构建规则是不同的，比如开…
2022/11/18 4:23:59 人评论 次浏览 -
【金秋打卡】第17天 样式模块化
课程名称：TypeScript封装播放器组件 课程章节： 第4章 4-2 模块化CSS方式 课程讲师：西门老舅 课程内容： 今天学习的内容是组件样式的模块化。 组件的模块化 组件应该是一个独立的，里面不受外面影响，外面也不受组件内部影响的结构。所以需要针对组件的 html结构、css样…
2022/11/10 4:23:59 人评论 次浏览 -
【金秋打卡】第12天 webpack-dev-server 和字体图标的使用
课程名称：TypeScript封装播放器组件 课程章节： 第2章 Webpack搭建项目环境 2.3 2.4 主讲老师：西门老舅 课程内容： 今天学习的内容是 webpack-dev-server 和字体图标的使用。 webpack-dev-server 的使用 webpack-dev-server 底层使用了 express，可以在开发阶段提供一个…
2022/11/5 4:23:57 人评论 次浏览 -
九月打卡】第12天. 模块化的发展历史
课程名称：web前端架构师 课程章节：第12周 第6章 主讲老师：张轩 课程内容：模块化的发展历史 模块化 模块化的优点 可维护性 可复用性 开始 使用 backbone.js 的方法 <script src="spec/support/jquery.js"></script> <script src="spec/…
2022/9/17 4:17:23 人评论 次浏览 -
【九月打卡】第12天 动态路由加载以及Koa综合应用
第一模块 学习课程名称: 六大场景 梳理开发痛点 解锁前端进阶路章节名称: 6-6 动态路由加载: Routes入口优化require.context 6-7 Koa综合应用讲师: Brian第二模块 课程内容combineRoutes优化require.context() 可以去传递目录进行搜索，还可以指定子目录和…
2022/9/17 4:17:13 人评论 次浏览 -
三、Webpack5项目
介绍 我们将使用前面所学的知识来从零开始搭建 React-Cli 和 Vue-cli。 Vue 脚手架 开发模式配置 // webpack.dev.js const path = require("path"); const ESLintWebpackPlugin = require("eslint-webpack-plugin"); const HtmlWebpackPlugin = requ…
2022/9/13 6:54:44 人评论 次浏览 -
解决：'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序 或批处理文件 根目录删除node_modules文件夹 运行“npm run dev”
解决：webpack-dev-server 不是内部或外部命令，也不是可运行的程序 或批处理文件 根目录删除node_modules文件夹 运行“npm run dev” 相信很多人在使用webpack-dev-server时肯定会遇到一些问题（如下图所示） 我在学习vue框架的时候因为要使用到webpack工具，但这个工具…
2022/9/4 1:25:14 人评论 次浏览 -
webpack中的loader
1.loader概述 在实际开发过程中，webpack默认只能打包处理 .js 后缀名结尾的模块，其他非.js后缀名结尾的模块，webpack默认处理不了，需要调用loader加载器才可以正常打包，否则会报错！ loader加载器的作用：协助webpack打包处理特定的文件模块。比如： css-loader 可以…
2022/9/3 23:26:41 人评论 次浏览 -
webpack中的插件
1.webpack插件的作用通过安装和配置第三方插件，可以拓展webpack的能力，从而让webpack用起来更方便。最常用的webpack插件如下有两个：webpack-dev-server 类似于node.js阶段用到的nodemon工具 每当修改了源代码，webpack会自动进行项目的打包和构建html-webpack-pluginw…
2022/9/2 6:23:05 人评论 次浏览 -
vue运行npm run dev报错：‘webpack-dev-server‘ 不是内部或外部命令，也不是可运行的程序 npm install webpack-dev-server --save-d
vue运行npm run dev报错：‘webpack-dev-server‘ 不是内部或外部命令，也不是可运行的程序1、我先从git上拉到前端代码后，根据readme文档要求我执行了如下命令，下载依赖 npm install -g cnpm --registry ip地址:端口 值得注意的是，上面命令参数 -g 是下载全局依赖，…
2022/9/2 1:22:50 人评论 次浏览 -
初识webpack
1.什么是webpack? 概念：webpack是前端项目工程化的具体解决方案 主要功能：它提供了友好的前端模块化开发支持，以及代码压缩混淆、处理浏览器端JavaScript的兼容性（根据配置，来兼容不同的浏览器版本）、性能优化等强大的功能 好处：让程序员把工作的重心放到具体功能…
2022/9/1 6:53:13 人评论 次浏览 -
webpack css-loader模块化导致的antd样式不好用解决方案
css-loader 模块化会导致 antd 样式文件无效，解决的方式就是排除 node_modules 下的目标文件就可以 如果你用的 less 就可以按以下方式来配置 {test: /\.less$/,include: /node_modules/, // node_modules 下的 less 文件不使用模块化use: [{loader: MiniCssExtractPlugi…
2022/8/31 23:25:02 人评论 次浏览 -
webpack4.15.1 学习笔记(九) — 最最基础的插件使用
目录html-webpack-pluginclean-webpack-pluginwebpack-manifest-pluginHotModuleReplacementPlugin(内置) 处理 webpack 在编译过程中的某个特定任务的功能模块，plugins 选项用于以各种方式自定义 webpack 构建过程。其中webpack 附带了各种内置插件，可以通过 webpack.[…
2022/8/29 23:25:46 人评论 次浏览 -
ts项目搭建
1.创建文件夹&项目初始化npm init -y2.下载npm i -D webpack webpack-cli webpack-dev-server typescript ts-loadernpm i -D @babel/core @babel/preset-env babel-loader core-jsnpm i -D css-loader less less-loader style-loader html-webpack-plugin clean-…
2022/8/27 6:23:20 人评论 次浏览 -
webpack5打包图片遇到的问题与解决方案
使用webpack提供的 asset/resource 做图片的打包处理，但是只能识别css中的路径，如：.title {color: red;background: url(/src/assets/imgs/456.jpeg);width: 100%;height: 100vh; }但是对于<img src="/src/assets/imgs/123.jpeg" alt="" />却…
2022/8/20 23:54:26 人评论 次浏览
