极简

眼睛里的东西，是被赋予的，逃脱，就分不清‘真相’与‘现实’。–极简一、环境"webpack": "^4.43.0""webpack-cli": "^3.3.11"二、源码src/index.jsexport default function() { console.log('hello world')}三、配置文件webpack.config.jsconst path = require('path');module.exports = { mode: 'de.

本文描述jsplumb.js库的vue组件化过程一、步骤创建vue项目，vue create w-vue-jsplumb引入jsplumb,编写组件测试npm发布（编写自动发布脚本）二、错误1.执行 vue create w-vue-jsplumb 产生的错误：MSBUILD : error MSB3428: 未能加载 Visual C++ 组件“VCBuild.exe”。...

热模块替换的实现有两种方式，一种是webpack-dev-server和webpack内置的HMR 插件的结合使用；一种是利用webpack-hot-middleware中间件。本文记录第二种使用方法。一、安装//根据webpack版本安装适应版本的中间件npm i webpack-hot-middleware --save-dev二、配置//为每个入口文件添加...

问题描述：通过webpack构建之后，发现生成的字体目录与css中引用的字体路径不一致，而默认情况下，css中url的路径是由publicPath和outputPath两者拼接而成的。一、为了便于理解问题，下面放上构建后的文件目录（字体引用路径存在问题）： 二、修改file-loader的配置{ test: /\.(woff|woff2|eot|ttf|otf)$/,...

这里用到中间件webpack-dev-middleware，用来监测源文件的变化并自动编译； 注意官网对其描述的这一点： - No files are written to disk, rather it handles files in memory（不将输出文件写到磁盘，而是在内存中处理，因此使用之后可能会出现看不到dist目录的情况，视配置而异） 同时用到 node...

在生成新的构建之前，先清除旧的构建文件一、插件安装npm install clean-webpack-plugin --save-dev二、配置修改//用于在构建前清除dist目录中的内容const CleanWebpackPlugin = require('clean-webpack-plugin');//清除dist构建目录文件plugins.push(...

在webpack的自动构建中，一般情况下我们只是监测到源文件的变化，如果修改webpack的配置文件就不会发生自动构建。本文通过使用node的nodemon模块来达到目的。一、安装nodemon//全局安装npm install -g nodemon//本地安装npm install --save-dev nodemon二、使用nodemonnodemon --wat...

一、内容打包到js中单独打包二、目录结构 三、打包到js中的配置，在rules中加入如下代码{//css打包到js中 test: /\.scss/, use: [{ loader: 'style-loader' }, { loader: 'css-loader' }, { loader: 'sass-load...

一、目的：通过webpack实现编译后的js自动嵌入到对应的 html页面中 二、关键点：入口js的配置、html-webpack-plugin插件的使用 三、目录结构:四、入口js的配置 最终形成如下格式入口配置：entry：{"js/App":"xx/src/js/App.js","js/Test":"xx/src/js/Test.js"}五、插件配置...

摘要：多页面中公用js及scss代码的抽取一、知识点html-webpack-plugin：chunks属性。webpack.optimize.CommonsChunkPlugin：name和minChunks属性。公用scss代码仍需要在入口文件中引用而不是在各自的scss文件中通过@import引用。提取的公共模块文件，只是入口文件本身的业务代码变化，重新构建后提取的公...