ferrysoul的博客

一、什么是webpack是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。可以将多种静态资源 js、css、less 转换成一个静态文件，减少了页面的请...

下面这样子会报错我们如下进行更改：配置第三方loader，使得webpack可以识别.vue文件，将其打包为js...

一步一步尝试，下面这个是不支持的：首先：1.npm i vue -S把vue的包安装到项目运行依赖然后在npm run dev先放代码，再上效果图，会报错的；//main.js//如何在 webpack 构建的项目中，使用vue开发//复习 在普通网页中如何使用vue://1.使用 script 标签，引入vue的包//2.在index页面中，创建一个id为app d...

ERROR in ./src/main.jsModule build failed (from ./node_modules/_babel-loader@8.0.5@babel-loader/lib/index.js):Error: Cannot find module '@babel/core' babel-loader@8 requires Babel 7.x (the package...

参考上一篇文章，在最后一片文章中会放github项目地址//index.scsshtml,body{ .box{ width:220px; height:150px; // 默认情况下webpack无法处理css文件中的url地址，不管是图片还是字体库 background:url('../images/...

推荐vscode插件：beautiful UI,特别好用，良心推荐。不然你写js代码全是白色，只有var是蓝色.node nodemonwebpack .webpack-dev-server如果你的各种包有问题，报错缺少什么包，最简单的方法就是全部删除node_models,终端cnpm i就行了。webpack.config.js中只要带s的属性,都是数组，比较方便记...

wanggonggegedeMacBook-Air:react-webpack wanggonggege$ sudo npm n init -yPassword:Usage: npm <command>where <command> is one of: access, adduser, audit, bin, bugs, c, cache, ci...

 index.pugdoctype htmlhtml(lang="en") head title= pageTitle script(type='text/javascript'). if (foo) bar(1 + 5) body h1 Pug - node template engine #root #contain...

目录结构：app.cssbody { background: pink; }contact.html&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Contact&lt;/title&

可能是我点背，用了很长时间学习webpack，可是总是出现各种错误，有的还解决不掉，把目前已经解决的各种错误和大家分享一下，真的感觉我承担了这个年纪不应该有的bug。一。用npm run dev进行打包时出现了这个错误，打包不了CSS样式，可是CSS镜像已经安装了啊。那叫一个绝望啊。ERROR in ./src/app.jsModule not found: Error: Can't r...

webpack.config.js就是Webpack的配置文件，这个文件需要自己在项目根目录下手动建立。module.exports={ //入口文件的配置项 entry:{}, //出口文件的配置项 output:{}, //模块：例如解读CSS,图片如何转换，压缩 module:{}, //插件，用于生产模版和各项功能 pl...

在1.安装中我在mac操作系统已经讲解了一个创建小demo 的模板，没看过的同学可以过去看一下。这篇文章主要讲解在window操作系统上的创建一个小demo，mac上创建的命令跟今天这篇文章讲的有些不一样，大家可以看一下，丰富一下知识面。下面正式开始我的表演了:下面引用技术胖的一段话进行概括：建立基本项目结构首先进入上节课我们建立的webpack_demo目录（每个人建立的位置不同...

网络上的webpack的安装和使用教程大部分是基于3.80版本的，也就是4.x版本之前的，而4.x版本相当于一个分水岭，之前之后的命令做出了部分改变，导致了我两天的时间都在捣鼓怎么安装以及初步的使用。下面讲解一下安装，我使用的是vscode工具，所以直接在软件下的终端进行操作，小伙伴也可以使用window的cmd或者是mac的终端直接进行操作.什么是webpack是一个前端资源加载/打包工具...