webpack
beichen3997
每一天都是一个进步
展开
-
在 webpack 中使用 ECharts
npm 安装 ECharts在 3.1.1 版本之前 ECharts 在 npm 上的 package 是非官方维护的,从 3.1.1 开始由官方 EFE 维护 npm 上 ECharts 和 zrender 的 package。你可以使用如下命令通过 npm 安装 EChartsnpm install echarts --save引入 ECharts通过 npm 上安装的 ECharts 和 z...原创 2018-06-21 12:04:12 · 952 阅读 · 0 评论 -
gulp 配置 autoprefixer 报出警告问题
今天在配置gulpautoprefixer 控制台 出现了警告问题,Replace Autoprefixer browsers option to Browserslist config. Use browserslist key in package.json or .browserslistrc file. Using browsers option cause some...原创 2019-08-30 11:49:59 · 353 阅读 · 0 评论 -
Vue按需加载提升用户体验
Vue官方文档异步组件:在大型应用中,我们可能需要将应用拆分为多个小模块,按需从服务器下载。为了让事情更简单, Vue.js 允许将组件定义为一个工厂函数,动态地解析组件的定义。Vue.js 只在组件需要渲染时触发工厂函数,并且把结果缓存起来,用于后面的再次渲染。原图文来自http://www.cnblogs.com/Kummy/p/5254754.htmlvue 按需加载 相关文章...转载 2019-05-07 16:45:19 · 189 阅读 · 0 评论 -
webpack 最简单的入门教程(基础的文件打包以及实现热加载)
webpack安装我们可以用npm安装webpack,要用npm我们就需要安装node.js环境,作为我们的平台。下载node.js下载好之后安装,我们在cmd或者GitBashHere中输入npm -vnode -v如果出现版本号,说明你安装成功了!现在我们全局安装webpack,这样你就不需要每创建一个项目就安装一次了npm install webpack -g ...转载 2019-05-07 11:19:36 · 172 阅读 · 0 评论 -
webpack 打包去掉控制台的console.log()
很多时候测试的时候,我们为了方便找bug,会在代码之间穿插着console.log(),来在页面控制台进行打印,寻找问题的出处。但项目在打包的时候有时会全去掉,但那样又会遗漏几个。这样如果让用户看到的话,感觉不太好,假如包含重要信息,岂不是更不好。但要是真的去掉了,以后再一个一个加,去找问题出处,可能有些麻烦,这样的话,webpack打包时的一段配置就会帮你解决这个问题。抛出解决方案。如果项目中...原创 2019-03-27 14:50:06 · 2181 阅读 · 0 评论 -
vue-cli+vuex+scss+element-ui+axios+webpack搭建超简洁完整项目+IIS部署(入门全家桶)
从vue-cli脚手架搭建,到实际项目中用到,比如vuex状态管理;css预编译语言scss;还可能会借助ui框架element-ui;以及与服务端数据交互axios;还有部署到服务器端;才是完整的项目流程,刚入门在这里耗了比较多时间,这里搭建个最简洁的全家桶方便大家学习可以跳过下面步骤直接下载使用:https://github.com/MVPVP/ypt2...使用步骤:下载代码=》安装依赖...转载 2018-08-20 16:24:17 · 1808 阅读 · 0 评论 -
对vue中 默认的 config/index.js:配置的详细理解 -【以及webpack配置的理解】-config配置的目的都是为了服务webpack的配置,给不同的编译条件提供配置
当我们需要和后台分离部署的时候,必须配置config/index.js:用vue-cli 自动构建的目录里面 (环境变量及其基本变量的配置)123456789101112131415var path = require('path') module.exports = { build: { index: path.resolve(__dirname, 'dist/index.html')...转载 2018-06-29 09:41:21 · 300 阅读 · 0 评论 -
vue-cli脚手架build目录中的webpack.base.conf.js配置文件解释说明
此文章用来解释vue-cli脚手架build目录中的webpack.base.conf.js配置文件此配置文件是vue开发环境的wepack相关配置文件,主要用来处理各种文件的配置关于注释当涉及到较复杂的解释我将通过标识的方式(如(1))将解释写到单独的注释模块,请自行查看上代码// 引入nodejs路径模块var path = require('path')// 引入utils工具模块,具体...转载 2018-06-29 09:39:41 · 1107 阅读 · 0 评论 -
webpack 从入门到上线
webpack 是什么一项技术、一个工具的出现,肯定是为了解决问题的。那么,webpack 是为了解决什么问题?答案是:文件依赖管理。浏览器端的 Js, 出于安全的考虑,对本地文件没有操作权限,不能引用其它 js, css 等文件。而 webpack 就是用来解决这个问题的,让你的项目可以很好地分文件、分模块,而且它对外部文件的引入同时支持 cmd, amd 和 commondJs 这三种形式,够...转载 2018-06-29 09:23:45 · 190 阅读 · 0 评论 -
基于vue-cli快速搭建开发框架(axios,global,vuex,vue-router...)
title: 基于vue快速搭建开发框架从去年开始接触vue开发,也从头到尾经历了两个大项目,从搭建项目一点点的也积累了不少经验,也给自己挖了不少的坑。同样的,填的坑也不少。今天就总结一下,如何搭建vue前端开发框架。其中涉及的相关技术有:vue-cli脚手架、vuex作为全局事件、变量的管理,global.js(中小型项目开发时不需要复杂的vuex时使用),vue-router,axios,sc...转载 2018-06-23 14:15:25 · 180 阅读 · 0 评论 -
Vue.js + Element.ui 从搭建环境到打包部署
一、搭建环境由于新的node已经集成了npm,所以直接安装node,前往node官网下载最新版本的node,根据自己的操作系统选择相应的包,按照步骤一步步走就可以,这里不做过多介绍。安装好后可以打开命令行用 npm-v node-v 查看是否安装成功以及版本号如果以前已经安装过node 和 npm 最好升级到最新版本,命令行 npm install npm@x.xx.x首先全局安装vue-...转载 2018-06-23 14:14:09 · 1405 阅读 · 0 评论 -
一步一步教你webpack打包
webpack是一个现代Javascript应用程序的模块打包器(modulebundler)它会分析目录结构,找到js模块(包括浏览器不能直接识别的代码,typescriptsass等),打包成合适的格式供浏览器访问。下面将从核心、安装、使用等方面来讲述。一、核心一切皆模块: 正如js文件可以是一个“模块(module)”一样,其他的(如css、image或html)文件也可视作模 块。因此,你...转载 2018-06-23 10:57:18 · 812 阅读 · 0 评论 -
搭建一个webpack3.5.5项目:建立项目的webpack配置文件
第一步:npm init -y 【初始文件】 npm info webpack / bower info webpack【查看版本,用bower的时候要先 npm install bower】 npm install webpack –save-dev 【下载webpack】第二步:mkdir src 【创建源文件】 mkdir dist 【创建打包后的文件】第三步:手动创建index.html文...转载 2018-06-15 10:28:30 · 371 阅读 · 0 评论 -
image-webpack-loader下载
1.yarn add image-webpack-loader -Dyarn add pngquant-bin -D2.cnpm i image-webpack-loader --save-dev原创 2019-08-31 15:37:39 · 685 阅读 · 0 评论