场景: 有一个体积比较大的js文件,需要懒加载 异步引入不需要webpack配置什么, setTimeout(()=>{ import('./dynamic-data.js').then(res=>{ con…
标签:webpack
vue打包生成zip压缩包
安装插件:cnpm install filemanager-webpack-plugin –save-dev cnpm install filemanager-webpack-plugin --save-de…
使用npm下载依赖的几种方式
使用npm下载依赖的几种方式 我们下载依赖的使用,有些依赖是在开发环境和生产环境都要使用,比如jquery这种是两种环境都必须的,所以需要安装在开发阶段(依赖在dependencies中),对于调节格式的eslint就只…
搭建vue项目框架
搭建vue项目框架 搭建vue项目框架 在使用vue作为前端开发框架的复杂项目,vue框架的搭建至关重要。框架搭的好引用技术全面,可以为后来开发维护节省很多时间和精力。 安装node.js 首先需要安装node环境,可以…
手工创建react项目
react的开发者都知道使用create-react-app创建项目,这是非常简单的,但不是本文的目的,本文将带你如何一步一步搭建react项目。 1、初始化项目,编写组件 执行下面命令初始化项目 npm init -y…
在容器中wepack和nodemon热加载失效的问题
前言 这几天打算给自己写的generator加上docker,但是却出现了个奇怪的问题,就是我在本地中webpack和ndoemon的热加载是能正常使用的,但是在docker容器中这两者却不法使用,而且本地代码更新后是正…
Vue-cli3.0项目创建
简介 之前写过一篇文章Vue-cli项目创建,主要是针对Vue-cli3.0版本之前的,由于现在Vue-cli版本更新到了3.0,而且创建项目的一些情况也发生了变化,所以本篇将在基于Vue-cli3.0以上版本创建项目,…
使用 Rails Webpacker 安裝 Foundation 6
動機 由於 foundation-rails 6.4.1 版本有個 Issue 目前還沒合併。加上 Rails 已經支援了 webpack 2.x。這篇文章純粹紀錄另外一種做法。 準備 開始使用之前需要確保 ruby,n…
laravel-mix下webpack打包es6报错UglifyJs + Unexpected token punc 解决
项目中有块功能用Vue+laravel-mix方式,引入了第三方组件库element-ui(饿了么),dev方式可以正常编译,可等到生产环境(prod)时一直编译不通过。 初步分析是由于element-ui组件库存在ES…
如何把webpack打包好的代码部署到Nginx服务器上
在生产环境中部署前端代码 本文章前端代码是基于vue+webpack开发的 Nginx是一款轻量级的Web 服务器/反向代理服务器 首先,webpack配置如下 在开发过程中,我们是通过npm run dev在开发环境中…
vue+webpack+nginx 部署在服务器非根目录下访问404问题
最近想把所有的前端项目都整合在两台机器上,通过负载访问如下路径Https://域名/gameCenter/Https://域名/member/Https://域名/loan/这样的方式访问 按照平时的打包方式,直接将we…
react项目优化之webpack
同步自我的博客 开门见山,由于我们项目的前端代码只有一个bundle,所有代码都在一个js文件里,随着功能不断的堆叠,体积已经到无法忍受的地步了(gzip后即将突破300k),导致首屏的时间不停的涨啊涨,最近一周富裕了一…