WebPack
关注
分享
扫一扫
文章平均质量分 81
WebPack
小道仙97
一个不务正业的程序员，梦想成为家庭煮夫。【五十岁退休】
展开
-
webpack 安装过程详解
目的：安装webpack（最近在学习vue用到了这个，写一个教程，用于笔记也用于方便大家） 第一步：安装node环境注：有的人可能和我一样不是学习node的（我是学习java的），但是这个只是安装一个环境，也很简单，不用担心。下载地址：https://nodejs.org/en/download/下载你对应的版本系统，然后下一步，下一步，傻瓜式的安装就ok了。安装成功后，打开c...原创 2018-08-26 10:08:49 · 729 阅读 · 0 评论 -
Vue配置多页面，多入口【vue-cli3 配置登陆页面】
很久之前就想去配置一个非单页面的登陆页面，一直到今天才完成我将给出最简单的代码，完成最基本的配置。需要更强的功能自己去加上效果如下第一步：创建登陆页面的文件1-1：login.html<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <meta...原创 2019-04-02 20:10:50 · 10737 阅读 · 0 评论 -
Vue打包导致 JS 很大的问题解决【完美解决】
先来叨叨一下： 这个问题困扰我很久了，一直没有解决。最后只好把 js 放到七牛云上面cdn，没想到，这样直接导致，流量访问超出，达到了百分之600，然后被通知欠费。这才痛下决心一定要解决这个问题。阅读下面的文章，一定会给你带来帮助，你所遇到的问题我基本都遇到了。问题说明：打包导致 js 很大，然后访问特别慢。Q：如果你的 js 达到了好几M，（除了个别情况，比如的代码量真的超级大到不...原创 2018-11-17 11:33:00 · 11412 阅读 · 0 评论 -
webpack解决Invalid Host header
目的：webpack解决Invalid Host header1、解决办法网上说有两种，一直是加上一个 disableHostCheck: true, （我找了半天，没找到在哪里去加上这句，而且说是不安全）本来我的 package.json 是这样写的改成我是用这个主要是做QQ互联，有兴趣可以看看这个 ：https://blog.csdn.net/Tomwildb...原创 2018-10-27 11:07:04 · 960 阅读 · 0 评论 -
webpack里面使用layui依赖出错 Layui hint: carousel is not a valid module
问题：在我项目里面引用了layui，但是报了一个404错误。我引用了 layui.css 和 layui.js 结果给我报了一个。找不到 carousel.js。一脸懵逼，我根本没有引用这个js啊。后面想到可能是因为layui.js依赖找不到路径的原因。但是问题来了，这个别人写好的框架依赖会出错嘛？ 我访问了一下报错的路径好了现在问题出来了，就是路径不对呗。那就去找呗。...原创 2018-09-03 22:29:28 · 20203 阅读 · 2 评论 -
axios + webpack + vue。 axios基本使用
目的：在wepack+vue 项目中使用 axios第一步：安装cnpm i axios -S 第二步：导入2-1导入：import axios from 'axios'2-2：导入了不可以直接使用，还有一步 ↓ ↓ ↓ 第三步：测试 注意：箭头部分必须这样写 写成箭头函数，如果你写成 function 下面 this.sowingMapList = res...原创 2018-09-05 23:24:12 · 768 阅读 · 0 评论 -
ERROR in ./src/login.vue?vue&type=template&id=19e76240& Module parse failed: Unexpected token (2:0)
全部异常如下：ERROR in ./src/login.vue?vue&type=template&id=19e76240&Module parse failed: Unexpected token (2:0)You may need an appropriate loader to handle this file type.|| <div>|...原创 2018-08-29 14:35:15 · 17033 阅读 · 1 评论 -
Module build failed: Error: Plugin/Preset files are not allowed to export objects, only functions.
全部异常如下：今天在学习webpack的时候安装插件出现了上面的异常，百度的时候，发现有一个外国朋友也遇到这样的问题，大致是插件不兼容。解决办法：删除你的node_modules打开你的package.json 把一下插件版本换成下面的版本，然后再次重新安装 （ cnpm i ） "babel-core": "^6.26.0", "babel-loader...原创 2018-08-29 10:58:22 · 8962 阅读 · 0 评论 -
webpack中babel的配置
目的：webpack，默认只能解析一部分的ES6的语法，我们需要安装babel插件，来辅助webpack解析语法。第一步：安装插件 1-1：（cnpm i babel-core babel-loader babel-plugin-transform-runtime -D） 1-2：（cnpm i babel-preset-env babel-preset-stage-0 -D）...原创 2018-08-29 10:51:54 · 607 阅读 · 2 评论 -
webpack之url-loader的使用
目的：使用webpack的url-loader项目搭建看这个：https://blog.csdn.net/Tomwildboar/article/details/821418241、使用url-loader访问简单的图片第一步：安装url-loader (cnpm i url-loader file-loader -D) 第二步：配置第三步：测试 图片配...原创 2018-08-28 16:03:38 · 2515 阅读 · 2 评论 -
webpack中使用loader加载css、less、sass样式
目的：因为传统的link加载css样式会发起二次请求，所以我们需要在webpack中使用loader加载css样式准备：你需要准备一个已经配置好的webpack项目：https://blog.csdn.net/Tomwildboar/article/details/82141824配置cssloader 第一步：安装相对应的插件 （cnpm i style-loader css-loa...原创 2018-08-28 11:22:08 · 1459 阅读 · 0 评论 -
html-webpack-plugin插件自动生成html页面
目的：使用html-webpack-plugin自动生成html页面 这个插件的使用是接着这篇博客的：https://blog.csdn.net/Tomwildboar/article/details/82141824第一步：安装插件 （cnpm i html-webpack-plugin -D） 第二步：配置webpack.config.js 第三步：测试启动 npm...原创 2018-08-28 10:49:36 · 1483 阅读 · 0 评论 -
Error: Cannot find module 'webpack-cli/bin/config-yargs' at Function.Module._resolveFilename (mo
Error: Cannot find module 'webpack-cli/bin/config-yargs' at Function.Module._resolveFilename (module.js:547:15) at Function.Module._load (module.js:474:25) at Module.require (module.js:59...原创 2018-08-28 10:17:31 · 4887 阅读 · 0 评论 -
webpack 自动打包更新
目的：使用webpack自动打包如果你还没有安装webpack --> https://blog.csdn.net/Tomwildboar/article/details/81940522我项目中的图标，是因为安装了一个插件，自行百度。 使用的工具是vscode 第一步：打开终端初始化项目1-1创建一个空的文件夹并打开 1-2初始化（项目名最好不好带中文，带中文下面...原创 2018-08-28 10:35:52 · 3148 阅读 · 0 评论 -
cnpm : 无法将“cnpm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。
所有文章优先发布在个人博客，后面修改可能忘记同步到CSDN，给你带来不辨表示抱歉。个人博客本篇文章 :https://www.xdx97.com/article?bamId=656114485752233984整体错误如下：cnpm : 无法将“cnpm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次...原创 2018-08-26 13:05:39 · 32349 阅读 · 1 评论 -
使用webpack完成简单的案例
目的：使用webpack完成简单的案例前提已经安装了webpack https://blog.csdn.net/Tomwildboar/article/details/81940522 我所使用的编辑器是 vscode第一步：创建好工程结构 （我这个前面的图标是因为下载了一个插件，可以网上去搜索一下，我忘记了） 第二步：初始化 npm init -y 第三步：...原创 2018-08-26 12:30:22 · 476 阅读 · 0 评论 -
cnpm安装报错，npm安装vue超时(ERR! errno ETIMEDOUT)
莫名奇妙使用cnpm安装就报错，使用npm安装就超时解决方案：清空一下npm缓存npm cache clean -f然后再使用 npm i 安装就好了原创 2019-06-28 11:05:25 · 2098 阅读 · 0 评论