刚完成 Iblog 博客项目,在 chrome 浏览器调试完后,用 Safari 打开网站,页面一直停留在加载状态. 后来网上说这是 Safari 不支持 ES6 所致. 经过搜索,在 github 上有人遇到并解决了这个问题: vue-router + webpack dose work on Safari 引入 babel-polyfill 和 whatwg-fetch 模块: npm install babel-polyfill whatwg-fetch --save-dev 然后在 we…

手把手使用 Webpack 4 建立 VUE 项目 安装 node.js 略 安装 cnpm 略 安装 webpack cnpm install webpack -g 安装 vue-cli cnpm install veu-cli -g 初始化项目 vue init webpack vuetest 启动开发服务器 cnpm run dev…

转自:http://www.cnblogs.com/ghost-xyx/p/5483464.html webpack是最近比较火的构建工具,搭配上同样比较火的ReacJS与ES6(ES2015)一定是现在很多潮流 programmer 的追求. 废话不多,下面就就看下如何从0搭起我们的构建工具. 安装 全局安装webpack,如果安装后还是提示没有webpack commond,可以尝试通过超级管理员身份安装. $ npm install webpack -g $ sudo npm instal…

webpack 是一个前端工程化打包工具,对于前端工程师来说 webpack 是一项十分重要的技能.下面我们就通过搭建一个 vue 项目来学习使用 webpack 主要环境: node v14.15.0 npm v6.14.9 webpack v5.10.0 webpack-cli v4.2.0 vue v2.6.12 本项目实现以下功能: 与vue/cli类似的基本目录 支持*.vue,*.css等文件 支持es6及以上语法 支持加载图片 热加载 构建项目基本目录 执行npm init并创建以…

愿你有诗有梦,有坦荡荡的远方 本文声明:这是一篇学习coderwhy老师的vue2课程的一个笔记,所以本文章是在vue项目中实现,没学过vue的大佬们可以举一反三. 使用场景及介绍 BetterScroll 是一款重点解决移动端(已支持 PC)各种滚动场景需求的插件.它的核心是借鉴的iscroll的实现,它的 API 设计基本兼容 iscroll,在 iscroll 的基础上又扩展了一些 feature 以及做了一些性能优化.BetterScroll 是使用纯 JavaScript 实现的,这意…

一.安装node环境(自带npm) 下载地址 二.替换下载源 // 淘宝 NPM 镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 三.全局安装vue-cli脚手架 npm install --global vue-cli 四.vue2.* webpack模板下载 vue init webpack vue_project 五.安装vuex npm install vuex --save 在main.js中注入vue…

在最近做的vue项目中,使用了webpack打包工具,以前在做项目中测试环境和生产环境的接口地址都是一样的,由于现在接口地址不一样,需要在项目打包的时候手动切换不同的地址,有时候忘记切换就要重新打包,来回很是麻烦,今天网上翻看到一个很好的方法可以解决这个问题,也是由于对webpack工具不是很了解,其实这个工具已经提供了解决方案. 参考网站:http://blog.csdn.net/gebitan505/article/details/58166055; 在config文件夹里面有三个js文件,…

关于小程序一些小功能的代码都在这个GitHub上,感兴趣的可以去看看,https://github.com/huihuijiang/miniProgram目前有:列表左滑删除,拖拽浮标 一.小程序坑1.scroll-view横向滚动的时候,包含文字图片等,元素错位,第二个元素掉下去:hack:给子元素添加 vertical-align:top; 当使用scroll-view横向滚动时要注意几点:父元素设置宽度,加上这两个样式overflow: hidden; white-space: nowra…

同项目组的小伙伴想用自己的电脑访问我电脑上开发阶段的create-react-app创建的react项目. 试过了了各种内网穿透工具ngrok以及localtunnel等. 奈何打开效率实在太过于龟速. 于是不得不百度 react项目如何开启内网访问 结果找了说是要配置webpack. 好吧,配就配... 可是对于还没有eject的项目来说,webpack配置没暴露出来,没法配啊. 果断npm run eject. eject后报了一大堆错.掰着指头数下来有5,6,7,8个~ 直接npm sta…

对文件进行打包 1. cnpm i -D webpack webpack-cli 本地热更新 1. cnpm i -D webpack-dev-server 处理图片资源 url-loader依赖file-loader 1. cnpm i -D url-loader file-loader 处理css文件 1. cnpm i -D css-loader style-loader css预处理器 1. cnpm i -D stylus stylus-loader 2. cnpm i -D post…