背景: 在项目实际开发中,有一些IP地址需要随时修改,进行部署,例如websocket的地址.因此在项目打包的时候,不希望保持IP地址的文件被打包,因此就需要把需要修改的常量独立出来,存放在一个js文件中,且不被压缩. 解决步骤: 1.新建一个js文件,并存放在static文件夹下,例如新建一个webSockrtUrl.js文件       2.在 index.html 里直接使用 script 标签引入即可,引入路径是 /static/xxx.js. 3.声明全局变量.函数的话,在 .esli

Apache日志精准的记录了Web访问的记录,但对于访问量很大的站来说,日志文件过大对于分析和保存很不方便.可以在http.conf(或虚拟主机设置文件httpd-vhosts.conf)中进行设置,限制日志不记录指定文件类型,减少日志文件空间占用. 〈FilesMatch “\.(ico|gif|jpg|swf)”〉SetEnv IMAG 1〈/FilesMatch〉CustomLog logs/access_log combined env=!IMAG 第一行中:蓝色部分为指定文件类型,设置

Ubuntu需安装zlib sudo apt-get install ruby sudo apt-get install zlib1g zlib1g.dev   Windows需开启php_zip.dll 如果在 "...\php\ext\" 没有这个文件,可以到网上下载一个 然后修改 "...\php\php.ini" ,找到 "extension=php_zip.dll"  去掉  ";",如果没有这行就加上.   $fi

背景: 不确定打出的前端包所访问的后端IP,需要对项目中IP配置文件单独拿出来,方便运维部署的时候对IP做修改.因此,需要用webpack单独打包指定文件.npm install --save-dev copy-webpack-plugin  Copy files and directories in webpack,在webpack中拷贝文件和文件夹 打印:

背景 最近接到一个需求,因为不确定打出的前端包所访问的后端IP,需要对项目中IP配置文件单独拿出来,方便运维部署的时候对IP做修改.因此,需要用webpack单独打包指定文件. CommonsChunkPlugin module.exports = { entry: { app: APP_FILE // 入口文件 }, output: { publicPath: './dist/', //输出目录,index.html寻找资源的地址 path: BUILD_PATH, // 打包目录 filen

1.标准用法: pyinstall  **.py  直接打包    pyinstall -F **.py  打包成单文件    pyinstall -W **.py  去掉控制台窗口,黑窗口    pyinstall -i ***.ico **.py  添加图标 *** 2.高级用法: 打包一遍以后,会在py文件目录下生成spec文件,是一个打包脚本.    可以编辑其中内容实现高级功能.    也可以直接打包spec文件,如:pyinstall -F **.spec 2.1:打包指定模块 命令

一.webpack.config.js简单代码 const HtmlWebpackPlugin = require('html-webpack-plugin'); module.exports = { //mode 指打包模式 //development 指开发模式,代码未压缩 //production 指产品模式,代码压缩 mode: 'development', //development and production //entry 指明入口文件,webpack 会从这个文件开始连接所有的

1. 安装 html-webpack-plugin npm install html-webpack-plugin --save-dev 2. 在webpack.config.js中配置 const htmlWebpackPlugin=require('html-webpack-plugin') module.exports={ //...code plugins:[ new htmlWebpackPlugin({ template:"./src/index.html", filena

在webpack中配置.vue组件页面的解析(vue-loader) 结合webpack使用vue-router 在webpack中配置.vue组件页面的解析 1.运行npm i vue -S将vue安装为运行依赖:2.运cnpm i vue-loader vue-template-compiler -D将解析转换vue的包安装为开发依赖:3.运行npm i style-loader css-loader -D将解析转换CSS的包安装为开发依赖,因为.vue文件中会写CSS样式:4.new Vu

webpack 把我们所有的文件都打包成一个 JS 文件,这样即使你是小项目,打包后的文件也会非常大.下面就来讲下如何从多个方面进行优化. 去除不必要的插件 刚开始用 webpack 的时候,开发环境和生产环境用的是同一个 webpack 配置文件,导致生产环境打包的 JS 文件包含了一大堆没必要的插件,比如 HotModuleReplacementPlugin, NoErrorsPlugin... 这时候不管用什么优化方式,都没多大效果.所以,如果你打包后的文件非常大的话,先检查下是不是包含了

使用webpack打包js文件(隔行变色案例) 1.webpack安装的两种方式 运行npm i webpack -g全局安装webpack,这样就能在全局使用webpack的命令 在项目根目录中运行npm i webpack --save-dev安装到项目依赖中 2.初步使用webpack打包构建列表隔行变色案例 项目结构: 运行npm init -y初始化项目,使用npm管理项目中的依赖包 创建项目基本的目录结构 使用npm i jquery -s安装jquery类库 创建main.js并书

从开通博客到现在也没写什么东西,最近几天一直在研究vue+webpack+element-ui项目打包速度优化,想把这几天的成果记录下来,可能对前端牛人来说我这技术比较菜,但还是希望给有需要的朋友提供一下方便. 一开始项目部署到线上后第一次访问首页的时间是7.8秒的样子,页面加载太慢了自己都接受不了何况用户. 主要是从一下几步来优化的: 1.vue路由的加载方式 import Home from '@/components/Index' 改为 const Index = resolve => r

转载请注明来源:https://www.cnblogs.com/hookjc/ 很多时候,我们可能要将某些文件打包到资源中,然后当程序执行的时候,发现缺少某些文件时,进行自我修复,以维持程序的正常执行, 很多安装程序或者比较高级点的智能程序都已经这样做,比如文件损坏时,安装程序将修复这些文件.一些高级程序的常用设置及文件 遇到破坏时,也会自我修复,它们的这些神奇功能,全都是依靠自身的资源包,替换损坏的文件,或者创建新的默认文件实现的. 下面我来说一说这种程序比较普通的一些做法: 首先在程序入口处

linux中tar打包指定路径文件www.111cn.net 编辑:yahoo 来源:转载在linux系统中打包与解压文件我都可以使用tar命令来解决,只要使用不同的参数就可以实现不同的需要了,下面来给大家介绍一下tar的使用方法. 压缩: tar czvf /data/backup/test.tar.gz /data/a/b/directory解压: cd /data/test tar xzvf /data/backup/test.tar.gz 问题是,解压后的文件,在/data/test/d

js压缩 webpack自带一个插件uglifyjs-webpack-plugin来压缩js,所以不需要再次安装,当一切都准备妥当,引入uglifyjs-webpack-plugin模块: const uglify = require('uglifyjs-webpack-plugin'); 因为它是一个插件,所以把它放在plugins里: plugins:[ new uglify() ] 这样就完事了,执行命令webpack,压缩文件就OK了,一般不会出现问题,(但是我在实际操作中报错了,ugl

问题背景: 今天想把自己的数据集开放给同事a,只允许其读,不允许写. 操作: step1: 查看该文件夹属于哪一个用户,哪一个组 ls 文件夹 -lstep2: usermod -a -G 指定文件夹的组名 要分配的用户名step3: chmod 754 指定文件夹名 延伸: 1 权限的设置 chmod -rwxrwxrwx 三个rwx分别属于user,group,others把一个文件的权限全部放开 就是chmod 777 filechmod a+rwx 其实相当于 chmod 777a:al

规范开发目录 普通项目 开发目录: ├── project-name ├── README.md ├── .gitignore ├── assets ├── ├── js ├── ├── css ├── ├── images ├── ├── fonts├── index.html vue 项目开发目录:├── build├── config├── dist├── src├──├── api├──├── assets├──├──├── js├──├──├── style├──├──├──├── b

最近做一个项目,需要使用webpack打包 .vue 文件的单页面应用,调试都正常,使用cnpm run dev 都可以,就是webpack打包时报错.如下: ERROR in ./src/App.vueModule build failed: TypeError: Cannot read property 'vue' of undefined at Object.module.exports (C:\Users\Administrator\Desktop\test\test\node_modu

先不进源码,分析一下打包后的文件,来一张图: 首先创建两个JS文件,内容如下: // config.js module.exports = { entry: './input.js', output: { filename: 'output.js' } } // input.js console.log('input') 分别为配置文件和入口JS文件,内容弄个简单的. 接下来在当前目录执行webpack --config config.js,会输出一个output.js,简化后内容如下: (fu

当输入 webpack 输入指令 npm run dev  后会自动启动一个浏览器 需要借鉴插件 open-browser-webpack-plugin 下载:npm install open-browser-webpack-plugin 我们做一个小案例实现的功能有: 启动热键,会自动弹出浏览器窗口 改变浏览器端口 打包css文件 打包json文件 打包img(图片)文件 实现es6 首先下载webpack 和webpack -dev-servaer 轻量级服务器 在下载启动热键自动打开浏览器

1.首先全局安装node,和npm.检查是否安装成功 2.新建一个文件下,进入该文件夹. 前先执行 npm init -y 然后就会在文件夹下出现一个package.json文件 然后执行 npm install webpack --save-dev 下载webpack 因为使用的webpack版本是4+的,所以还需要安装webpack脚手架,执行 npm install webpack-cli --save-dev 3.搭建项目目录 我把webpack 的配置文件 拆分成了三个文件,分别是 w