封装vue组件库的两种方法和形式: 一:是建立一个webpack-simple 项目 二:是在通过vue-cli脚手架建立webpack vue项目,这种项目有点冗余,可是我们对这种项目最熟悉 下面分别介绍两种用法: 一: 1.首先先建立一个vue项目: 通过vue init webpack-sim ...
分类:
其他好文 时间:
2020-02-20 16:56:32
阅读次数:
232
当我们在源代码里面引入一个新的js、vue等文件的时候,可以借助loader去处理引用的文件 1.初始化一个项目:npm init -y 2.新建文件夹loaders,loaders下面新建文件(loader):replaceLoader.js: // 不能写成箭头函数,否则this指向就会有问题 ...
分类:
Web程序 时间:
2020-02-20 16:55:23
阅读次数:
73
制作了一套自己的组件库,并发布到npm上,项目代码见 GitHub 。 前期准备 有一个npm账号 安装了vue-cli 搭建项目 vue init webpack hg-vcomponents cd hg-vcomponents cnpm install 目录结构 - vue-flag-list ...
分类:
其他好文 时间:
2020-02-20 16:51:26
阅读次数:
70
1.什么是跨域 2.那些是跨域请求 为什么前端存在跨域 如何解决 jsonp ...
分类:
Web程序 时间:
2020-02-19 21:12:07
阅读次数:
184
webpack4中vue打包运行的时候浏览器报错: 例如: 出错原因:我们在webpack中,使用 import Vue from 'vue'时导入的是vue构造函数功能不完整,只提供了runtime-only的方式,没有提供像网页中那样的使用方式。 回顾包的查找规则: 在项目中查找node_mod ...
分类:
Web程序 时间:
2020-02-19 18:59:45
阅读次数:
69
1、安装: cnpm i webpack-dev-server -D 2、package.json中配置命令: "dev": "webpack-dev-server --open chrome --port 3000 --hot --host 127.0.0.1" { "name": "wp4-1" ...
分类:
Web程序 时间:
2020-02-19 17:12:43
阅读次数:
117
how-to-optimize-momentjs-with-webpack https://github.com/jmblog/how-to-optimize-momentjs-with-webpack ...
分类:
编程语言 时间:
2020-02-19 17:08:34
阅读次数:
75
1、安装: cnpm i html-webpack-plugin -D 2、webpack.config.js中配置plugins属性: const path = require("path") const htmlWebpackPlugin = require("html-webpack-plug ...
分类:
Web程序 时间:
2020-02-19 16:41:39
阅读次数:
96
webpack是基于Node构建,所以wepack支持所有Node API和语法。 即:Chrome浏览器能支持的ECMAScript语法(排除DOM、BOM),wbpack都能支持。Chrome不支持ES6,所以webpack也不支持。 创建基本的webpack4.x项目: 创建后的目录: 其中: ...
分类:
Web程序 时间:
2020-02-19 16:40:56
阅读次数:
58
在使用webpack打包时,将css代码从bundle.js中抽离出来,单独出一个模块,需要用到extract-text-webpack-plugin插件 webpack版本不同,相对于的插件也不同,如下: # for webpack 4 npm install --save-dev mini-cs ...
分类:
Web程序 时间:
2020-02-19 11:34:00
阅读次数:
108