用法：使用~表示绝对路径，如下：@import"~otherfile.scss".yourClass{background:url('~img/wallpaper.png');}webpack中配置resolve的moduleDirectorires，modules，alias三种设置路径都可以，推荐alias，ali...

今天新初始的项目遇到这个问题，记录如下：1.这个错误与全局安装webpack-dev-server无关，不必进行全局安装2.原因可能是：　npm或yarn安装包(当前项目)，安装中报错，例如node-sass安装时报错，导致后续包没有安装，包括webpack，webpack-dev-server等  ...

1.使用alias简化路径alias:{'vue$':'vue/dist/vue.esm.js','@':resolve('src')}2.overlay界面弹出编译错误devServer:{overlay:{errors:true,warnings:true}}3.import语句指定chunkNamewebpack...

alias配置vue<2.1.0module.exports={...resolve:{alias:{'vue$':'vue/dist/vue.js'}},...}vue>=2.1.0module.exports={...resolve:{alias:{'vue$':'vue/dist/vue.common...

这个错误在从webpack1升级webpack2或webpack3时候都遇到了，起初查到的都是extract-text-webpack-plugin版本的问题，升级了还是不管用。搜索引擎上查不到其他的说法，笨的不知道该怎么办了。后来从github的issue上查到了问题所在，是另一个pluginchunk-manife...

webpack//执行一次开发的编译webpack-p//针对发布环境编译(压缩代码)webpack-w(或--watch)//进行开发过程持续的增量编译(飞快地!)webpack-d//生成map映射文件，告知哪些模块被最终打包到哪里了webpack--configXXX.js//使用另一份配置文件（比如webpac...

webpack1.xwebpack1.13.2-1.13.3 webpack-dev-server 1.15.0-1.16.0...

解决办法安装libpng库,在githubissuehttps://github.com/tcoopman/image-webpack-loader/issues/49可查看mac:brewinstalllibpngubuntu:apt-getinstalllibpng...

　　hash一般是结合CDN缓存来使用，通过webpack构建之后，生成对应文件名自动带上对应的MD5值。如果文件内容改变的话，那么对应文件哈希值也会改变，对应的HTML引用的URL地址也会改变，触发CDN服务器从源服务器上拉取对应数据，进而更新本地缓存。但是在实际使用的时候，这几种hash计算还是有一定区别。1、ha...

1、小小的提一下vuecli脚手架前端调后端数据接口时候的本地代理跨域问题，如我在本地localhost访问接口http://40.00.100.100:3002/是要跨域的，相当于浏览器设置了一道门槛，会报错XMLHTTPRequestcannotloadhttp://40.00.100.100:3002/.Resp...

一、开发环境中跨域　　使用Vue-cli创建的项目，开发地址是localhost:8080，需要访问非本机上的接口http://10.1.0.34:8000/queryRole。不同域名之间的访问，需要跨域才能正确请求。跨域的方法很多，通常都需要后台配置，不过Vue-cli创建的项目，可以直接利用Node.js代理服务...

一、打包第三方类库　　下面说2种方法：　　第一种：　　1、引入jQuery，首先安装：npminstall--save-devjquery　　2、安装好后，在index.js中引入，用jquery语法进行测试importcssfrom'./css/index.css';importlessfrom'./css/blac...

一、less文件打包和分离　　1、要使用less，首先使用npm安装less服务；还需要安装Less-loader用来打包使用。npminstallless--save-devnpminstallless-loader--save-dev　　2、在module中配置{test:/.less$/,use:[{loader...

一、babel支持　　　　Babel其实是几个模块化的包，其核心功能位于称为babel-core的npm包中，webpack可以把其不同的包整合在一起使用，对于每一个你需要的功能或拓展，你都需要安装单独的包（用得最多的是解析ES6的babel-preset-es2015包和解析JSX的babel-preset-reac...

一、CSS中的图片处理：　　1、首先在网上随便找一张图片，在src下新建images文件夹，将图片放在文件夹内　　2、在index.html中写入代码：<divid="pic"></div>来放置图片　　3、设置图片的css#pic{background-image:url(../images/...