
maven、npm、webpack
文章平均质量分 87
maven、npm、webpack等开发辅助工具
java冯坚持
1、专注Java开发、定制、远程、文档编写,还专注组件开发、前端vue-react开发、技术博客沉淀、技术研究等;
有热爱的技术同学欢迎来投稿、交流,一起学习,一起在code的海洋里遨游~
2、鄙人非常有兴趣组建一个集对开发有兴趣的志同道合的朋友一起合作、交流、沉淀;向CTO、合伙人出发~
3、有兴趣的朋友可以私信,每天集中下午17:00-18:00集中回复。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
npm学习二:npm配置文件和修改配置,安装包路径修改
1. npm配置说明npm 通过config 命令配置的内容,其实都配置在npm配置文件中,如何淘宝镜像的配置还有通过 npm install 命令安装的 包的路径 也可以在npm配置文件中配置。所以 特来了解下这个文件。1. npm 配置文件地址npm的配置文件是 .npmrc ,默认在用户目录下,有的也在。。。下如果找不到,可以使用如下命令查看配置文件的位置npm config get userconfig ## 查看配置文件路径,以下config命令也是很好用:npm conf原创 2021-03-02 12:32:06 · 40322 阅读 · 1 评论 -
webpack学习五:webpack的配置文件webpack.config.js分离,分离成开发环境配置文件和生产环境配置文件
文章目录前言一、分离说明1. webpack.config.js 名称固定2. 生产环境和开发环境三、分离内容1. 分离插件依赖:webpack-merge2. webpack.base.config.js3. webpack.dev.config.js4. webpack.prod.config.js5. 修改package.json 中的script脚本前言webpack的配置文件webpack.config.js中,包含了生产环境和开发环境时的所有配置,当打包时为了速率又要删除开发环境的配置,这原创 2021-02-24 22:14:08 · 1040 阅读 · 0 评论 -
webpack学习四:使用webpack配置plugin,来使用HtmlWebpackPlugin、uglifyjs-webpack-plugin、webpack-dev-server等插件简化开发
文章目录前言一、plugin是什么?二、添加版权的Plugin:BannerPlugin三、打包html的plugin:HtmlWebpackPlugin四、js压缩的Plugin:uglifyjs-webpack-plugin五、搭建本地服务器的plugin:devserver前言一、plugin是什么?plugin是什么?plugin是插件的意思,通常是用于对某个现有的架构进行扩展。webpack中的插件,就是对webpack现有功能的各种扩展,比如打包优化,文件压缩等等。load原创 2021-02-22 22:17:12 · 1106 阅读 · 0 评论 -
webpack学习三:webpack初始化整合配置vue,一步一步的抽离代码块整合vue。
文章目录前言一、项目完成的目录二、webpack配置vue1. main1.js,安装vue并初始用(解决报错)2. el和template区别a、区别一3. main2.js,使用SPA模式4. main3.js,抽取模板出来为一个对象5. main4.js,抽取模板对象出来为一个js文件6. 将app.js封装为vue文件:组件化7. 安装vue-loader时报错并解决8. 总结前言一、项目完成的目录这里是使用上一个博客的案例,继续整合vue。慢慢搭建一个正常开发的框架。从main1.js 着原创 2021-02-22 22:08:04 · 565 阅读 · 0 评论 -
webpack学习一:什么是模块化开发,什么是webpack,以及二者之间的关系。
文章目录前言一、模块化开发二、webpack前言一、模块化开发在网页开发的早期,js制作作为一种脚本语言,做一些简单的表单验证或动画实现等,那个时候代码还是很少的。那个时候的代码是怎么写的呢?直接将代码写在但是这种维护方式,依然不能避免一些灾难性的问题。比如全局变量同名问题:看右边的例子另外,这种代码的编写方式对js文件的依赖顺序几乎是强制性的但是当js文件过多,比如有几十个的时候,弄清楚它们的顺序是一件比较同时的事情。而且即使你弄清楚顺序了,也不能避免上面出现的这种尴尬问题的发生。二原创 2021-02-07 17:00:32 · 703 阅读 · 1 评论 -
npm学习一:npm 包管理工具 学习、使用。
文章目录前言一、npm 概述二、npm 基础命令三、npm 安装 webpack四、npm 创建 react项目五、npm 创建vue 项目前言一、npm 概述二、npm 基础命令查看 npm 安装的全局 组件 所在的根目录npm -g root查看npm 使用的 镜像npm config get registrynpm 设置成 淘宝镜像npm config set ......原创 2020-01-11 15:38:31 · 816 阅读 · 0 评论 -
webpack学习二:webpack初始用打包,webpack初始用配置文件打包,webpack安装对应的loader
复习一张图复习一下webpack的机制:webpack4.0与webpack3.0 有很大差别,本博客使用4.0版本。项目结构前期使用的命令:npm i webpack -g //安装全局webpacknpm i webpack-cli -g // 安装全局 webpack-clinpm init -y // 初始化 npm npm i jquery ...原创 2019-04-20 12:58:51 · 939 阅读 · 3 评论 -
springboot项目:maven 的pom文件详解;跳过测试打包,每个标签解释:热部署依赖、dependencyManagement标签、
前言有时候做微服务或者单个应用时,pom文件不对,或者少一个依赖,导致编码出错,运行出错,会浪费很长时间,所以,特来写一篇博客,也算是对自己的加深印象吧。come on,babypom.xml<!--热部署 2个pom 缺一不可--><!--更改后端代码时,按 Ctrl+F9 即可--><dependency> <groupId>...原创 2019-09-17 20:17:09 · 2201 阅读 · 1 评论 -
Maven的下载、配置,settings.xml中配置镜像和本地仓库
<?xml version="1.0" encoding="UTF-8"?><!--Licensed to the Apache Software Foundation (ASF) under oneor more contributor license agreements. See the NOTICE filedistributed with this work...原创 2019-04-15 19:59:02 · 5136 阅读 · 2 评论