注册会员 | 设为首页 | 加入收藏夹
您好，欢迎光临本网站！[请登录] ！[注册会员]！  

搜索资源列表

  1. gulpfile.js前端自动化构建配置文件

  2. 基于gulp搭建的前端自动化构建，需要对gulp做文件路径配置，执行打包命令即可 执行压缩： gulp default / gulp 编译页面： gulp htmlmin 编译脚本： gulp minjs 编译样式： gulp mincss 压缩图片： gulp imagemin

  3. 所属分类：Javascript

    • 发布日期：2020-03-19
    • 文件大小：3072
    • 提供者：cxwtsh123

  1. 解决vue单页面应用打包后相对路径、绝对路径相关问题

  2. 在项目开发过程中，在部署过程中，用到了反向代理，这就要求前端代码中不能使用绝对路径。但是我们知道，一般情况下，通过webpack+vuecli默认打包后的HTML、css、js等文件，使用的都是绝对路径。下面可以举几个例子来看一下： 1、打包后的index.html文件 2、打包后的css文件 所以，如果在项目中需要使用相对路径来获取静态的资源文件，需要怎么做呢？ 1、修改webpack配置文件中的assetsPublicPath，修改为如下图所示。 修改配置后，进行打包发现，打包后的in

  3. 所属分类：其它

    • 发布日期：2020-11-20
    • 文件大小：332800
    • 提供者：weixin_38680393

  1. 解决vue项目,npm run build后,报路径错的问题

  2. 在build目录下的webpack.prod.conf.js里面： output: { path: config.build.assetsRoot, publicPath: "/dist/", // 添加这行代码，可解决该问题或者publicPath: "./",也可解决 filename: utils.assetsPath('js/[name].[chunkhash].js'), chunkFilename: utils.assetsPath('js/[id].[chunkh

  3. 所属分类：其它

    • 发布日期：2020-11-20
    • 文件大小：138240
    • 提供者：weixin_38698539

  1. vue-cli3中配置alias和打包加hash值操作

  2. 1.之前在项目测试环境打包的时候，js文件打包出来没有hash值，但是生产环境打包出来却又hash值 当时只配置了 filenameHashing: true，这样是不够的 后来在chainWebpack中配置config.output.filename(‘[name].[hash].js’).end()，解决了该问题 2.配置alias可以在引入文件的时候不用写很长的相对路径 步骤： 先引入path模块 const path = require('path') function resolv

  3. 所属分类：其它

    • 发布日期：2020-11-19
    • 文件大小：47104
    • 提供者：weixin_38548704

  1. nuxt+axios实现打包后动态修改请求地址的方法

  2. 需求：把请求地址等一些配置暴露出来以便打包后动态修改，而不需要重新打包编译。 这样也是挺不错的，当一个项目需要部署到几个不同的服务器上时候，就不用说每次都要修改后再重新打包。功能不变时，单单是修改一下请求地址省了不少功夫。 1.开始 把需要动态修改的配置写在一个配置json文件里面。该配置文件可以放在static目录下： 静态文件目录：静态文件目录 static 用于存放应用的静态文件，此类文件不会被 Nuxt.js 调用 Webpack 进行构建编译处理。 服务器启动的时候，该目录下的文件

  3. 所属分类：其它

    • 发布日期：2020-11-20
    • 文件大小：44032
    • 提供者：weixin_38670391

  1. vue-cli脚手架打包静态资源请求出错的原因与解决

  2. 问题 vue-cli默认配置打包后部署到特定路径下静态资源路径错误问题。 静态资源打包使用相对路径后css文件引入大图片路径错误问题 使用vue-cli2脚手架生成的默认打包配置文件，npm run build打包，部署项目到特定路径下：//ip:port/test/index.html 此时访问//ip:port/test/index.html可以正常访问，但是引用的js和css等文件服务器响应为404，此时我们查看资源请求路径： http://ip:port/static/css

  3. 所属分类：其它

    • 发布日期：2020-12-02
    • 文件大小：48128
    • 提供者：weixin_38704701

  1. 详解webpack+vue-cli项目打包技巧

  2. 1.设置config文件夹index.js中productionSourceMap的值为false，也就是设置webpack配置中devtool为false，打包后文件体积可以减少百分之八十！！！！！！！  2.如何实现打包文件中js、css等的版本控制？ 设置build文件夹下的webpack.prod.conf.js中HtmlWebpackPlugin插件配置参数添加hash: true，即会使打包生成的index.html中的js和css路径带有？+随机字符串

  3. 所属分类：其它

    • 发布日期：2020-11-30
    • 文件大小：172032
    • 提供者：weixin_38506713

  1. Vue.js更改调试地址端口号的实例

  2. Vue项目一般使用自带的脚手架工具vue-cli和webpack打包方式进行项目构建运行。开发中，我们在控制台输入命令行npm run dev部署项目后，默认开启的页面调试地址是8080端口。但是有时候我们在进行多个项目开发需要同时部署多个vue项目，甚至有的还需要启动后台项目，这时就需要修改Vue项目的启动端口（不然会报端口被占用的错误，一个端口号只能一个进程占用）。 本文像大家讲解如何找到Vue项目中端口的配置文件，并修改。 首先，我们打开项目根路径中webpack的配置文件package.

  3. 所属分类：其它

    • 发布日期：2020-11-30
    • 文件大小：48128
    • 提供者：weixin_38684892

  1. vue-cli webpack2项目打包优化分享

  2. 减小文件搜索范围 配置 resolve.modules Webpack的resolve.modules配置模块库（即 node_modules）所在的位置，在 js 里出现 import ‘vue’ 这样不是相对、也不是绝对路径的写法时，会去 node_modules 目录下找。但是默认的配置，会采用向上递归搜索的方式去寻找，但通常项目目录里只有一个node_modules，且是在项目根目录，为了减少搜索范围，可以直接写明 node_modules 的全路径；同样，对于别名(`alias)的配置

  3. 所属分类：其它

    • 发布日期：2020-11-30
    • 文件大小：75776
    • 提供者：weixin_38590989

  1. webpack vue 项目打包生成的文件,资源文件报404问题的修复方法(总结篇)

  2. 最近在使用webpack + vue做个人娱乐项目时，发现npm run build后，css js img静态资源文件均找不到路径，报404错误。。。网上查找了一堆解决办法，总结如下 一、首先修改config目录下的index.js文件 将其中build的配置项assetsPublicPath进行修改，改为 目的是将资源文件的引入路径，改为相对地址（相对index.html） 二、此时html中的js、css、img引入均没有问题，但是css中的background-image还是报404

  3. 所属分类：其它

    • 发布日期：2020-11-30
    • 文件大小：148480
    • 提供者：weixin_38685857

  1. vue-cli webpack模板项目搭建及打包时路径问题的解决方法

  2. 这里建议刚学vue的同学第一个小案例不要使用vue-cli进行操作，待对基本的api使用的比较顺手了之后再进行vue-cli的体验比较好。本人是一名后端开发人员，接触前端时间不长，这里有说的不好的地方，还请大家评论建议下。 1. 安装必要的环境准备 首先我们要能够暗转node.js,这个环境。百度搜索node，进入官网根据自己的操作系统进行下载即可。现在的版本都是自带npm的了。所以安装后，环境变量正常情况下会自动配置，开启一个命令行终端，输入node，npm，就可以看到相应的信息。那么说明安装

  3. 所属分类：其它

    • 发布日期：2020-11-29
    • 文件大小：107520
    • 提供者：weixin_38714637

  1. 解决Vue打包之后文件路径出错的问题

  2. 这里以vue-cli创建的项目为例 1、文件路径不对 找到config文件夹下的index.js文件修改一下位置 看清楚是 build（上边还有个dev 是开发环境下的配置，不需要改动）下的 assetsPublicPath ：将‘/’改为‘./’ 2、背景图片路径不对 在css中写的background-img的路径出错 需要找到build文件夹下的utils.js,修改一下位置 加入红框内字段即可。 以上这篇解决Vue打包之后文件路径出错的问题就是小编分享给大家的全部内容了，希望能给大家

  3. 所属分类：其它

    • 发布日期：2020-11-29
    • 文件大小：97280
    • 提供者：weixin_38607311

  1. 详解vue静态资源打包中的坑与解决方案

  2. 本文主要解决 ①.vue-cli默认配置打包后部署至特定路径下静态资源路径错误问题; ②.静态资源打包使用相对路径后css文件引入大图片路径错误问题。 1、问题 vue-cli 脚手架生成的默认打包配置文件情况下运行 npm run build 打包后，部署项目至特定路径下：如： //ip:port/public/springActivity/ 此时访问： http://ip:port/public/springActivity/index.html index.html 可以正常访问，但

  3. 所属分类：其它

    • 发布日期：2020-11-28
    • 文件大小：56320
    • 提供者：weixin_38727199

  1. webpack配置打包后图片路径出错的解决

  2. 问题 项目在开发环境下工作正常，当打包后图片不见了，检查元素后发现路径出错了。 图片路径是这样：background: url(/static/img/bg_camera_tip.bd37151.png)，但该路径下文件并不存在。 打包后文件目录如下： 可以看到背景图片的路径应该是../../static而实际却是/static，找到原因后就好解决了 方法一 查看build目录下webpack.base.conf.js的配置，图片文件会经过url-loader处理。 modul

  3. 所属分类：其它

    • 发布日期：2020-12-11
    • 文件大小：118784
    • 提供者：weixin_38688745

  1. vue-cli 项目打包完成后运行文件路径报错问题

  2. 本文介绍了vue-cli 项目打包完成后运行文件路径报错问题，做个笔记，也分享给大家。 刚新建的vue-cli项目，同事说要打包一版进行测试，打包完成后放在tomcat上发现路径报错问题。 百度了一下，怀疑是build里面没有定义路径问题，度友提供了解决方案： 找到config文件夹下的index.js文件，修改路径代码 找到build对象，修改属性assetsPublicPath为 ‘./’ 但是由于vue-cli项目中已经没有config文件夹，需要在根目录下创建vue.config.

  3. 所属分类：其它

    • 发布日期：2020-12-10
    • 文件大小：56320
    • 提供者：weixin_38663169

  1. 使用Webpack对JS文件进行打包构建并在配置文件中指定打包路径

  2. 一、介绍 Webpack 简称模块打包机 在一个Web项目中 会引入很多文件 例如css文件 js文件 字体文件 图片文件 模板文件 等 引入过多文件将导致网页加载速度变慢 而Webpack则可以解决各个包之间错综复杂的依赖关系 Webpack是前端的一个项目构建工具 基于Node.js开发 因此 若要使用webpack 必须先安装Node.js 借助Webpack这个前端自动化构建工具 可以完美实现资源的合并 打包 压缩 混淆等诸多功能 示意图： 官网：https://webpack.git

  3. 所属分类：其它

    • 发布日期：2021-01-08
    • 文件大小：440320
    • 提供者：weixin_38674675

  1. 使用Webpack对JS文件进行打包构建并在配置文件中指定打包路径

  2. 一、介绍 Webpack 简称模块打包机 在一个Web项目中 会引入很多文件 例如css文件 js文件 字体文件 图片文件 模板文件 等 引入过多文件将导致网页加载速度变慢 而Webpack则可以解决各个包之间错综复杂的依赖关系 Webpack是前端的一个项目构建工具 基于Node.js开发 因此 若要使用webpack 必须先安装Node.js 借助Webpack这个前端自动化构建工具 可以完美实现资源的合并 打包 压缩 混淆等诸多功能 示意图： 官网：https://webpack.git

  3. 所属分类：其它

    • 发布日期：2021-01-08
    • 文件大小：440320
    • 提供者：weixin_38516270

  1. electron + vue 项目运行打包配置文档

  2. vue-cli 初始化vue项目构建 vue init webpack project-name electron 配置源码： 1. git clone https://github.com/electron/electron-quick-start** 2. 找到clone下来的项目入口文件main.js 和 package.json 修改路径配置** main.js : 3. 在已建好vue-cli项目中，安装electron依赖：** npm install electron

  3. 所属分类：其它

    • 发布日期：2021-01-08
    • 文件大小：428032
    • 提供者：weixin_38548717

  1. vue-login-manage-system:基于Vue.js 2.x系列+元素UI + Node.js + Mysql的后台管理系统解决方案-源码

  2. 管理系统 基于Vue.js 2.x系列+元素UI + Node.js + Mysql的后台管理系统解决方案。 准备工作 需在本地安装Node.js 功能 元素用户界面 登录/订阅 个人中心 修改用户信息 修改密码 MySQL的 图形验证码 目录结构介绍 |-- build // webpack配置文件 |-- config // 项目打包路径 |-- src

  3. 所属分类：其它

    • 发布日期：2021-03-11
    • 文件大小：571392
    • 提供者：weixin_42113380

  1. 详解在vue-cli3.0中自定css、js和图片的打包路径

  2. 前言 我们有时候因为一些特殊需求，可能需要将js/css/img等资源文件都打包到根路径下，但vue-cli3.0的路径配置中仅有 assetsDir配置项能够配置所有的静态文件所在的文件夹，并不能针对css/js/img等资源文件分别来做设置，那么请看我如何尝试的吧！ 分析 众所周知，vue-cli3.0使用了webpack进行打包处理，那么我们是否可以拿到目前打包默认的一些webpack配置，并在这些配置中找到一些蛛丝马迹，从而更改配置来实现对打包路径的更改呢？ 好在vue-cli3

  3. 所属分类：其它

    • 发布日期：2021-01-21
    • 文件大小：55296
    • 提供者：weixin_38501810
« 12 3 4 »