随笔分类 - webpack
摘要：有两种情况： 一，有统一的项目名 config下index.js 配置如下: 页面接口调用 二，没有统一项目名 页面调用：
阅读全文
摘要：前后端分离开发中，本地前端开发调用接口会有跨域问题，一般有以下几种解决方法： 直接启动服务端项目，再将项目中的资源url指向到前端服务中的静态资源地址，好处在于因为始终在服务端的环境中进行资源调试，不存在接口的跨域访问问题，但是缺陷也比较明显，需要同时启动两套环境，还需要借助nginx，charle
阅读全文
摘要：开发vux项目在引入 报错： 原因： 打包压缩的时候没有 vee-validate/dist/locale/zh_CN，此文件 修改：webpack.base.conf.js下 如此，打包的时候就不会报错了。 如此，打包的时候就不会报错了。
阅读全文
摘要：css-loader： 当小于8192，就打包成base64，那么，大于的就不做处理； 情景：我在main.css中背景图： 结果：打包的时候，图片是在dist/images/文件夹下的，但是控制台中却是： 图片没有找到，于是我去查看路径： 貌似图片是加载进来了，好像没什么问题，接着在图片地址上鼠标
阅读全文
摘要：报错： 解决办法： 安装 babel-preset-latest
阅读全文
摘要：由于 webpack 对 html 的处理不太好，打包 HTML 文件中的图片资源是相对来说最麻烦的。这里需要引用一个插件—— html-withimg-loder
阅读全文
摘要：a.js: 一，commonjs同步： 二，commonjs异步加载： 根据 require.ensure([预加载模块项]，fn,文件名称) 语法，webpack实现了它，作用是可以在打包的时候进行代码分片，并异步加载分片后的代码： dist打包下js中的文件名称就是b.js 三，webpack自
阅读全文
摘要：一，引入webpack插件 二，要确定cnpm install jquery --save,之后在入口文件引入jquery； 三， 这么打包之后jquery需要require才能用的，在入口的index.js中， 这样，打包到dist下的vendor.js中的jquery就可以引用了。
阅读全文
摘要：打包第三方控件；比如jquery，angular，bootstrap。。。。 总结： 1，vendor则是通过提取公共模块插件来提取的代码块（webpack本身带的模块化代码部分），而manifest则是在vendor的基础上，再抽取出要经常变动的部分，比如关于异步加载js模块部分的内容。 2，我们
阅读全文
摘要：一开始用url-loader的时候，想着为什么npm run build的时候，不能将图片打包到build images的目录下，原来，没有自己看这样的说明：
阅读全文
摘要：入口文件下对象的键值，不多说，上图： 其实app就等同于name,于是乎 dist下的index.html中引入的js，就是： 如果把app改为app2，就是这样的 所以，开发环境下引入的文件与dist下引入的脚本文件就能保持一致。
阅读全文
摘要：一开始考虑到浏览器的缓存问题，所以给打包的文件都带了.[hash],但是，这之后，index.html文件中的引入并没有哈希值，所以，就用到了下面的信插件： html-webpack-plugin可以根据你设置的模板，在每次运行后生成对应的模板文件，同时所依赖的CSS/JS也都会被引入，如果CSS/
阅读全文
摘要：webpack.config.js里的内容是这样的，注意标红的地方： 首先，绝对路径'./dist'是 没有问题的 那么，查了很多，最后看到别人的webpack.config.js里面这样写着，现在const里面声明在用： 最后成功运行。
阅读全文
摘要：终端里运行的错误： 查了好多资料，最后找到解决办法，改为： 但是，这里?modules不起作用了，后面再看看怎么书写 找到解决办法了
阅读全文
摘要：在配置webpack json loader的时候报错，如下： 解决方案： 首先，json文件中不能有注释 其次： 这里webpack.consig.js里面，modul下的loaders的loader:'json'改为：loader:'json-loader',如下图：
阅读全文
摘要：这里再配置的时候走了些弯路，现在，把配置前的准备工作做好很重要： 首先，安装node.js,当然，npm也就有了； 其次，安装xampp，主要是为了配置Apache； 安装好后，xampp htdocs文件夹下创建项目就好了。 好，开始步入正题： 当然最好先看下我给的参考地址， 参考：http://
阅读全文
