标签: Webpack

Webpack文件打包错误异常

在进行webpack打包前我们要确保已完成的工作:1)安装webpack:推荐全局命令npminstall-gwebpack查看webpack版本webpack-v2)此时对文件进行打包可能出现错误,提示脚手架文件错误,因为在webpack4的版本里,CLI被单独分离出来了所以要我们单独安装执行全局...

JavaScript 2021-07-23 229 0 0 阅读全文

Idea配置Tomcat启动Web项目的图文教程

配置tomcat1.点击runconfiguration2.选择tomcatlocal3.配置tomcat4.部署web项目部署有2种方式war包:打成war置于服务器运行,这种方式我们比较常见。warexploded:将web工程以当前文件夹的位置关系上传到服务器。就是直接把文件夹、jsp页面、c...

Java 2021-05-19 241 0 0 阅读全文

浅谈Vue Static 静态资源路径 和 Style问题

我就废话不多说了,大家还是直接看代码吧~//PathsassetsRoot:path.resolve(__dirname,'../dist'),//静态资源输出到二级目录下assetsSubDirectory:'static',//静态资源cdn地址assetsPublicPath:'/',引用的时...

JavaScript 2021-04-14 177 0 0 阅读全文

Vue+ElementUI项目使用Webpack输出MPA的方法

一.需求分析为另一个项目提供可嵌入的功能单页,大部分页面使用时都是独立功能页,个别页面带有左侧边栏(相当于3-4个页面的整合形态),由于资源定位地址的限定,每个页面打包为单页后,入口html文件需要定制命名,且脚本和样式文件需要放在指定的路径下,公共资源地址也必须替换成特殊字符以适配母系统的调用逻辑...

JavaScript 2021-04-25 254 0 0 阅读全文

Vant-Ui框架的一个Bug(解决切换后Onload不触发)

前几天做的项目里有用到下拉刷新。使用了vant-ui里的List列表瀑布流滚动加载,用于控制长列表的展示先说使用1.用npm下载该模块包npmivant-S2.引入组件官方提供了三种方法。(我使用了第三种,全局引入方法)方式一.使用babel-plugin-import(推荐)babel-plugi...

JavaScript 2021-04-14 226 0 0 阅读全文

浅析Webpack-Bundle-Analyzer在Vue-Cli3中的使用

正常的使用方法安装npminstallwebpack-bundle-analyzer-Dwebpack.config.js:vue-cli3的配置方法根目录的vue.config.js(没有则自己创建)module.exports={chainWebpack:config=>{config.p...

JavaScript 2021-04-30 212 0 0 阅读全文

利用Node.Js开发Cli的完整步骤

CLI介绍命令行界面(英语:command-lineinterface,缩写:CLI),是在图形用户界面得到普及之前使用最为广泛的用户界面,它通常不支持鼠标,用户通过键盘输入指令,计算机接收到指令后,予以执行。目前前端开发中,CLI是常用的工具。前端三大框架Vue、React、Angular都有对应...

JavaScript 2021-04-07 191 0 0 阅读全文

如何在Vue 中引入使用Jquery

1.首先在配置文件中添加cnpminstall下载jquery文件2.在webpack配置文件中添加下面代码3.接着在webpack.base.conf.js中module.exports的最后加入下面代码4.最后在main.js中全局引入5.引入完成以后重启项目,就可以在全局使用jquery了

JavaScript 2021-04-14 251 0 0 阅读全文

Java Web实现账号单一登录,防止同一账号重复登录(踢人效果)

实现了Javaweb开发账号单一登录的功能,防止同一账号重复登录,后面登录的踢掉前面登录的,使用过滤器Filter实现的。可以先下载项目下来测试下效果。有博客写的是没个一段时间(比如500ms)读取后台的session进行验证,这种方法除了会占用资源,还会出现访问session(请求1)的返回值和自...

Java 2021-04-30 209 0 0 阅读全文

Webpack4.X开发环境配置

写这篇文章的初衷在于,虽然网络上关于webpack的教程不少,但是大多已经过时,由于webpack版本更新后许多操作变化很大,很多教程的经验已经不适合。当我们使用npm安装webpack时,若不指定webpack的版本,将默认安装最新版,笔者测试时默认安装的是4.1.1,并不能照搬老教程的方法。为此...

JavaScript 2021-07-07 145 0 0 阅读全文

Webpack实现静态资源缓存的方法

引言静态资源缓存是前端性能优化的一个点,所以在前端开发过程中,一般会最大限度的利用缓存(这里主要是强缓存)。回到本文主题,在使用webpack构建的项目中,稍有不慎的话,即使服务器设置了缓存策略,可能构建的项目无法实现静态资源缓存。那么webpack怎样才能达到使用缓存的效果呢,下面就来谈谈这个问题...

JavaScript 2021-08-21 132 0 0 阅读全文

浅析Vue-Cli3配置Webpack-Bundle-Analyzer插件【推荐】

为优化vue项目性能,需要使用webpack-bundle-analyzer分析报文件,找出最占用空间的插件有哪些,对应做出优化网上看了一些网站,有的写的太麻烦了,现将最简单的一种写出来供大家参考安装:npminstallwebpack-bundle-analyzer--save-devvue.co...

JavaScript 2021-04-30 224 0 0 阅读全文

Eclipse Web项目打成War包的方法图解

war包即Web归档文件,将Web项目打成war包可以直接拷贝到Web服务器发布目录(例如Tomcat服务器webapps目录),当Tomcat启动后该压缩文件自动解压,war包方便了web工程的发布,那么在Eclipse中如何将Web项目打成war包呢?1、有如下venus工程:2、鼠标选中ven...

Java 2021-05-11 193 0 0 阅读全文

Webpack 处理CSS资源的实现

1.一个引入CSS资源的案例//index.jsimport'./style.css'/*style.css*/#root{height:100px;width:100px;border:1pxsolid#ccc;}就这样打包的话,是会报错的,那么想要成功打包CSS资源,需要使用下面介绍的几个loa...

JavaScript 2021-04-29 198 0 0 阅读全文

2020新版Idea创建项目没有JavaEE 没有Web选项的完美解决方法

正常创建java项目然后右击点击第二个,添加框架就可以看到啦勾选web点击applyok就可以啦

Java 2021-05-19 284 0 0 阅读全文

Webpack-Dev-Server配置指南(使用Webpack3.0)

最近正在研究webpack,听说webpack可以自己搭建一个小型的服务器(使用过vue-cli的朋友应该都见识到过),所以迫不及待的想要尝试一下。不过,在实际操作中发现,用webpack搭建服务器仍有不少坑,一方面是由于自己对文档的不熟悉,不了解webpack-dev-server的运作模式;另一...

JavaScript 2021-07-18 144 0 0 阅读全文

Vue-Cli+Webpack项目打包到服务器后,TTF字体找不到的解决操作

vue-cli+webpack项目打包到服务器后,ttf字体找不到更改build/utils.js文件中ExtractTextPlugin插件的options配置:if(options.extract){returnExtractTextPlugin.extract({use:loaders,pub...

JavaScript 2021-05-20 254 0 0 阅读全文

Vue 修改网站图标的方法

1、在stateic下新增favicon.ico文件2、修改index.html文件,如图网站名称3、如果有新开页面无法显示图标问题,修改bulid下的webpack.dev.conf.js文件newHtmlWebpackPlugin({filename:'index.html',template:...

JavaScript 2021-04-06 213 0 0 阅读全文

细说Webpack6 Babel的使用详解

在webpack中编写JavaScript代码,可以使用最新的ES语法,而最终打包的时候,webpack会借助Babel将ES6+语法转换成在目标浏览器可执行ES5语法。所以Babel是一个重要的知识点需要掌握。什么是BabelBabel是JavaScript的编译器,通过Babel可以将我们写的最...

JavaScript 2021-04-28 254 0 0 阅读全文

Python 使用Tensorflow训练BP神经网络实现鸢尾花分类

使用软件Python3.8,Tensorflow2.0问题描述鸢尾花主要分为狗尾草鸢尾(0)、杂色鸢尾(1)、弗吉尼亚鸢尾(2)。人们发现通过计算鸢尾花的花萼长、花萼宽、花瓣长、花瓣宽可以将鸢尾花分类。所以只要给出足够多的鸢尾花花萼、花瓣数据,以及对应种类,使用合适的神经网络训练,就可以实现鸢尾花分...

Python 2021-05-12 246 0 0 阅读全文