构建
文章平均质量分 54
webpack等
云飞扬扬
`半路出家码农一枚,管理&产品&前端,佛系记录`
展开
-
package.json
1. dependenciesdependencies字段中声明的是项目的生产环境中所必须的依赖包。当使用 npm 或 yarn 安装npm包时,该npm包会被自动插入到此配置项中:npm install <PACKAGENAME>yarn add <PACKAGENAME>当在安装依赖时使用--save参数,也会将新安装的npm包写入dependencies属性。npm install --save <PACKAGENAME>该字段的...原创 2022-03-07 10:10:52 · 2123 阅读 · 0 评论 -
npm install 参数区别
共同点:npm install 、npm install --save 和 npm install --save-dev,三者都会本地安装包到项目的node_modules目录中。区别:npm install:安装模块到node_modules目录下,不修改package.jsonnpm install -g:不在node_modules目录,不修改package.json。安装模块到全局,具体安装到磁盘哪个位置,要看 npm config prefix 的位置。npm insta原创 2022-01-26 09:53:14 · 705 阅读 · 0 评论 -
Grunt的配置及使用(压缩合并js/css)
Grunt的配置及使用(压缩合并js/css)安装前提是你已经安装了nodejs和npm。 你可以在 nodejs.org 下载安装包安装,也可以通过包管理器(比如在 Mac 上用 homebrew,同时推荐在 Mac 上用 homebrew)。 安装grunt CLInpm install -g grunt-cli按照官方的说法,grunt-cli只是为了在同一台机器原创 2015-08-17 16:43:35 · 1248 阅读 · 0 评论 -
前端工程化结构
原创 2020-08-20 17:28:30 · 190 阅读 · 0 评论 -
本地开发环境配置Nginx
本地开发环境配置Nginx 目的:前端本地开发环境联调测试服务器上的后端,Cookie不能跨域问题Mac系统1.安装Nginx:brew install nginx安装目录:/usr/local/Cellar/nginx/配置文件路径:/usr/local/etc/nginx日志位置: /usr/local/var/log/nginx/access.log /usr/local/var原创 2017-04-17 10:37:16 · 8117 阅读 · 0 评论 -
webpack实战
什么是webpack? 他有什么优点?首先对于很多刚接触webpack人来说,肯定会问webpack是什么?它有什么优点?我们为什么要使用它?带着这些问题,我们来总结下如下:WebPack是一种模块化的解决方案:可以让各个模块进行加载,预处理,再进行打包,它能有Grunt或Gulp所有基本功能。WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript...原创 2021-12-14 15:10:18 · 167 阅读 · 0 评论 -
npm install 解析
npm install xxx -S/npm install xxx --save写入dependenciesnpm install xxx -D/npm install xxx --save-dev写入devDependenciesnpm install xxx -g全局安装(命令行使用)npm install xxx本地安装(将安装包放在 ./node_modules)dependencies与devDependencies有什么区别呢?devDe..原创 2021-12-14 10:15:52 · 520 阅读 · 0 评论 -
package.json 常见配置项
原创 2021-11-02 09:39:57 · 346 阅读 · 0 评论 -
nvm-windows工具windows多版本的node切换
一、下载nvm-windows介绍地址:https://github.com/coreybutler/nvm-windows安装包下载地址:https://github.com/coreybutler/nvm-windows/releases二、下载以往node版本https://nodejs.org/zh-cn/download/releases/安装到上面nvm-windows的nvm的文件夹里面三、切换node版本启动cmd,nvm listnvm use ..原创 2021-09-30 15:03:40 · 275 阅读 · 0 评论 -
快速入门webpack指南
一、什么是webpack?概念:webpack是前端工程化的具体解决方案。主要功能:它提供了有好的前端模块化开发支持,以及代码压缩混淆、处理浏览器端JavaScript的兼容性、性能优化等强大的功能。好处:提供了开发效率和代码的可维护性。二、webpack基本使用安装npm install webpack@5.42.1 webpack-cli@4.7.2 -D复制代码在项目中配置webpack在项目根目录创建名为webpack.config.js的webpack配置文件,原创 2021-08-25 15:09:13 · 171 阅读 · 0 评论 -
vue webpack 路由懒加载
安装:https://www.npmjs.com/package/babel-plugin-syntax-dynamic-import配置:路由文件:原创 2018-08-25 11:38:21 · 989 阅读 · 0 评论 -
webpack打包图片资源说明
npm run build打包后,一些图是转为base64了,一些是在static/img文件夹。路径问题:1、直接<img :src=''>引用修改方法:首先修改config目录下的index.js文件,将其中build的配置项assetsPublicPath进行修改,改为assetsPublicPath: './',目的是将资源文件的引入路径,改为相对地址(相对inde...原创 2018-01-17 14:41:11 · 2058 阅读 · 0 评论 -
vue-cli 脚手架中 webpack 配置基础文件详解
作者:切图妞segmentfault.com/a/1190000014804826一、前言vue-cli是构建vue单页应用的脚手架,输入一串指定的命令行从而自动生成vue.js+wepack的项目模板。这其中webpack发挥了很大的作用,它使得我们的代码模块化,引入一些插件帮我们完善功能可以将文件打包压缩,图片转base64等。后期对项目的配置使得我们对于脚手架自动生成的代码的理解更为重要,接...转载 2018-05-24 10:22:35 · 1284 阅读 · 0 评论 -
npm、fis构建
使用fis3、gulp进行构建工作,对各种文件进行压缩、混淆加版本号等。安装Node和NPMnode中文网:http://nodejs.cn/node英文网:https://nodejs.org/fis3的Node版本要求0.8.x,0.10.x, 0.12.x,4.x,6.x下载4.x.x或6.x.x版本;不建议原创 2020-09-17 12:19:56 · 294 阅读 · 0 评论 -
npm常用操作
由于默认的npm源是在国外,访问会比较慢,所以可以把npm的源设置为淘宝源:在命令行输入:npm config set registry http://registry.npm.taobao.org/原创 2018-01-15 10:54:07 · 356 阅读 · 0 评论