webpack
风吹@头皮凉
just do it。
QQ: 1391020642
展开
-
vue项目突然不能运行
cnpmuninstallsass-loader-D//卸载。cnpminstallsass-loader@8.x-D//安装。nv12.14.0//安装指定版本降级。下载指定版本安装,升级。原创 2022-07-25 15:08:16 · 4734 阅读 · 1 评论 -
react项目配置不同环境下的接口地址
思路就是使用配置文件 和全局变量1 修改package.json记得先npm i cross-env -S "scripts": { "start": "node scripts/start.js", "build": "node scripts/build.js", "test": "node scripts/test.js", //以下为新增命令 // 开发环境启动 "server:dev": "cross-env env_config=de原创 2021-06-30 15:06:36 · 1746 阅读 · 0 评论 -
vue项目目录中的static和src下的assets的区别
vue项目目录中的static和src下的assets的区别内容待编辑原创 2020-12-10 14:25:58 · 578 阅读 · 0 评论 -
vue中配置webpack不同环境下的域名及参数
vue中配置webpack不同环境下的域名及参数假设一个项目 需要有开发环境(dev), 测试环境(test), 正式环境(prod), 并且三种环境都要build打包的需要;前提是已通过vue-cli初始化了项目;1.先在page.json中配置脚本命令// 开发环境启动"serve:dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",//测试环境启动"serve:test"原创 2020-07-14 14:56:11 · 1352 阅读 · 0 评论 -
vue中使用的import是谁提供的??
es6语法提供了import和exportwebpack提供了按需加载在项目使用中 import究竟属于谁??使用了babel转码,使用import和export的时候,在浏览器运行代码的时候,提示Uncaught ReferenceError: require is not definedbabel只是个翻译,假设a.js 里 import 了 b.js对a.js进行转码,只是翻译了a.js,并不会把b.js的内容给读取合并进来如果想在最终的某一个js里,包含 a.js,b.js 的代码,原创 2020-07-14 09:27:37 · 234 阅读 · 0 评论 -
vue-cli中默认webpack配置详解
主要目录1.package.jsonpackage.json文件会描述这个NPM包的所有相关信息,包括作者、简介、包依赖、构建等信息,格式是严格的JSON格式。package.json来制定名单,需要哪些npm包来参与到项目中来,npm install命令根据这个配置文件增减来管理本地的安装包。{//从name到private都是package的配置信息,也就是我们在脚手架搭建中输入的项目描述 "name": "shop",//项目名称:不能以.(点)或者_(下划线)开头,不能包含大转载 2020-06-29 15:36:53 · 5360 阅读 · 1 评论 -
webpack入门优化篇
文中罗列出了十多种优化方式,大家可以结合自己的项目,选择适当的方式进行优化。这些Webpack插件的源码我大多也没有看过,主要是结合Webpack官方文档以及项目实践,在验证后输出了本文,如果文中有错误的地方,欢迎在评论区指正。鉴于前端技术变更迅速,祭出本篇文章基于Webpack的版本号:├── webpack@4.41.5 └── webpack-cli@3.3.10 本文对应的项目地址(编写本文时使用)供参考:https://github.com/YvetteLau/......原创 2020-07-14 09:02:27 · 526 阅读 · 0 评论 -
webpack入门进阶篇
1. 静态资源拷贝有些时候,我们需要使用已有的JS文件、CSS文件(本地文件),但是不需要webpack编译。例如,我们在public/index.html中引入了public目录下的js或css文件。这个时候,如果直接打包,那么在构建出来之后,肯定是找不到对应的js/css了。public目录结构├── public│ ├── config.js│ ├── index.html│ ├── js│ │ ├── base.js│ │...原创 2020-07-14 09:43:16 · 294 阅读 · 0 评论 -
webpack入门基础篇
1.webpack 是什么?webpack是一个现代JavaScript应用程序的静态模块打包器,当webpack处理应用程序时,会递归构建一个依赖关系图,其中包含应用程序需要的每个模块,然后将这些模块打包成一个或多个bundle。2.webpack 的核心概念entry: 入口 output: 输出 loader: 模块转换器,用于把模块原内容按照需求转换成新内容 插件(plugins): 扩展插件,在webpack构建流程中的特定时机注入扩展逻辑来改变构建结果或做你想要做的...原创 2020-07-14 09:01:35 · 446 阅读 · 0 评论