没做过产品的后端不是个好前端

准备的资源：highlight.js ： 实现代码高亮，通过npm install highlight.js -D安装vue-markdown-loader：解析md文件的必备loader，通过npm install vue-markdown-loader -D安装下面我们分两个场景来说明一下md文件的解析Webpack在项目根目录下创建build/webpack.config.js// 在webpack.config.js中添加规则{ test: /\.md$/, lo

什么是webpack​ webpack是什么，官网中是这么说的。​ 本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。​ 从上面的概念中，我们可以看出webpack是一个会把应用程序中具有依赖关系的每个模块打包成一个或者多个bundle

一、配置config/index.js本人没有配置index.js文件，就开始进行了打包，结果最终效果是页面空白，解决了空白，接着底部图标（我是用的阿里巴巴图片）资源找不到。所以配置这步比较重要。（1）页面空白的解决：打开config/index.js，将build模块的assetsPublicPath值改为’./’ 1 assetsPublicPath:'./', 发布路径 （2）css引用图片资源找不到问题：因为打包后路径发生变化，导致..

引入mui1.不需要npm安装;直接从官方下载丢进来2.那就是全局引用了;没错,就是index.html里直接引入,当然也可以main.js引入,随意啦!so easy3.找到webpack.base.conf.js,在module与plugins之间插入以下代码:4.这样就可以在项目里面直接用了.然就是mui与vue-router及点击事件会有一些冲突的问题;在mounted里加入这行代码:路由就可以跳转了eg:就直接代替a标签了;可..

本篇文章主要介绍了webpack引入eslint配置详解，现在分享给大家，也给大家做个参考。webpack中eslint使用首先，要使webpack支持eslint，就要要安装 eslint-loader ，命令如下:1npm install --save-dev eslint-loader在 webpack.config.js 中添加如下代码：123456789{test: /\.js$/,loader: 'eslint-loader',enforce: "...

一.webpack基础　　1.在项目中生成package.json：在项目根目录中输入npm init，根据提示输入相应信息。（也可以不生成package.json文件，但是package.json是很有用的，所有建议生成）　　2.安装webpaack　　　　a.在全局中安装webpack：npm install webpack -g　　　　b.将webpack安装到项目并将webpack写入package.json的devDependencies中：进入项目根目录，然后在命令行中输入npm

项目中使用到了yarn打包工程，主要有以下几个命名。# build for production with minificationyarn run build# build for production and view the bundle analyzer reportyarn run build --report# 自定义API地址baseurl="http://127.0...

一、前言　　对于webpack基础不好，node指令不通的童鞋。估计对自己搭建Vue、react脚手架是相当头疼的，有种无从下手的感觉。然而，从头看这2块，耗时太长，而且说实话得练才行，不练练手看不明白。那大多数人就采取折中的方案，修改成熟的脚手架，改成自己想要的样子。这个相对来说难度降低了不少，不过依然会有很多难点不加不明白。所以这里就以Vue的脚手架为例子，将源码加上注释，方便大家加深对项...

错误如下：npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! travel@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`npm ERR! Exit status 1npm ERR!npm ERR! Fa...

自己写的公司项目，今天需要提交到公司版本库，可是在本地启动正常的项目，拷贝到git文件目录下突然报错Module build failed: Error: No PostCSS Config found in......，源文件都没有改动过！然后自己各种百度，但是都需要调整配置文件，但是远程的配置文件和我本地一模一样，于是我便尝试自己去修改，得到出网上以外的以下两种方法，现记录如下：一： ...