![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
妖怪不慌不张
这个作者很懒,什么都没留下…
展开
-
vue-cli搭配mockjs模拟可抓到的请求
vue-cli搭配mockjs模拟可抓到的请求书写node服务,并返回mock的数据正确配置vue-cli的proxy正确配置命令行先启动步骤1的服务,再启动vue-cli步骤说明1. 在项目的任意路径创建mockServer.js(名称自定义)文件,书写node服务,并返回mock的数据,该文件的代码如下/*** 请用yarn或npm自行下载安装包* 安装包包括 yarn a...原创 2019-11-06 17:43:31 · 723 阅读 · 0 评论 -
webpack 下如何使用Stylelint
Stylelint的使用npm 或者 yarn 安装以下3个包, yarn add stylelint stylelint-config-standard stylelint-webpack-plugin -D "stylelint" "stylelint-config-standard" "stylelint-webpack-plugin"由于..原创 2018-11-19 09:50:05 · 1509 阅读 · 0 评论 -
react脚手架 webpack 如何配置Eslint
Eslint中文的官网有明确的配置步骤 https://cn.eslint.org/docs/user-guide/getting-started下面为react脚手架下如何配置 eslint;找到自己项目下得webpack的配置项目,在文件里找到如下图位置注意在module属性下的rules下修改如下对象配置在根目录下 添加 .eslintrc文件,文件添加自己的代码规...原创 2018-11-19 10:45:29 · 1395 阅读 · 0 评论 -
webpack4.0 配置loader打包静态文件(图片篇)
一般有两种方式:file-loaderurl-loadermodule: { rules: [{ test: /\.(jpg|png|gif)$/, //对以jpg|png|gif图片的后缀进行打包 use: { loader: "url-loader", //file-loader options: { ...原创 2019-03-31 18:28:04 · 1224 阅读 · 0 评论 -
webpack4.0 配置loader打包静态文件(样式篇)
背景: 我们常常在js文件引入css或scss文件……code需要安装的插件:yarn add style-loader css-loader postcss-loader -D //必须安装如果使用scss文件: yarn add sacc-loader node-sass -D…… module: { rules: [{ test: /\.scss$/...原创 2019-04-01 11:22:51 · 1041 阅读 · 0 评论 -
vue-cli 3.0 如何配置自己的webpack选项
我们知道react脚手架create-react-app,是隐藏webpack文件,点击查看但是vue-cli 3.0 是没有webpack配置文件的,vue自己封装了webpack的配置;我们只需要在根目录创建vue.config.js文件,即可对webpack进行配置,该文件的配置参数相见官网vue-cli 3.0 中文官网webpack的配置 //vue.config.js代码起始示例...原创 2019-04-01 17:26:04 · 15763 阅读 · 0 评论 -
babel-loader JavaScript 编译器
我们来看下面的ES6及更高级的语法代码,我们用babel-loader官网7.4版本将代码打包成es5语法class Person { constructor(name) { this.name = name }}let person = new Person('这是es6语法')console.log(person) //es6———————————————————...原创 2019-06-24 17:23:40 · 166 阅读 · 0 评论 -
copy-webpack-plugin 拷贝和压缩文件
不说废话,直接上代码,实现拷贝和压缩安装依赖包(npm、yarn安装均可)1.1 yarn add copy-webpack-plugin -D1.2 yarn add uglify-es -D1.3 yarn add clean-css -Dwebpack配置文件添加如下写法const CopyWebpackPlugin = require('copy-webpack-plugi...原创 2019-07-11 16:33:35 · 4973 阅读 · 8 评论