
webpack
文章平均质量分 97
sogooday
微信:wjf630759294
展开
-
webpack process.env.NODE_ENV
在node中其实是没有这个全局变量的 process.env.NODE_ENV但是我们需要这个判断环境从而配置相关的参数我们需要使用一个插件来帮助我们实现这个功能npm install cross-env -D安装好这个插件之后我们需要在webpack.json中这样配置这个参数"scripts": { "test": "echo \"Error: no t...原创 2020-02-24 11:31:36 · 293 阅读 · 0 评论 -
webpack学习的记录
开篇在学习vue的过程中,刚刚开始我对vue与webpack一无所知。因为遇见一个问题一定要知道为什么,这是这样处理的,否则我并不能,深刻学习东西,甚至使用起来跟难受,就像高中中学习的化学一样,我总想问为什么是这个反应。一开始的化学老师每次讲完以后会说一句,不要去问为什么,我们只是发现的大自然的规律。有为什么的他就会简短的告诉我们,那段时间我的化学是学生时代最好的。下面我将会记录自己的这w...原创 2019-07-20 13:51:45 · 245 阅读 · 0 评论 -
webpack学习的记录(二)
前言下面的这片文章其实并没交给你什么,应为这些都可以搜出来一大堆。对于新手来说其实并不太容易上来就看这些东西。所以我打算使用一种方式,看看能不能让你很快的搭建起来一个工程,这个工程只包含一些基础的处理模块,原生的环境差不多,叫你如何在webpack的里面写出来自己的H5同时也可以打包成为测试或者生产环境。我先写一章好用的新手教程,然后在写一篇深入的,链接地址我会放在后面下面我们将...原创 2019-08-20 10:33:53 · 461 阅读 · 0 评论 -
webpack学习的记录(三) 一篇带你搭建一个webpack4.0
这个是工程链接https://github.com/soGooday/canvasWF前言笔者为了学习webpack感觉也是走了不少的弯路。有很多点想知道,但是找不到。下面笔者就带着大家带着你快速的入门。这篇文章的宗旨的-我先带着你搭建起来。等你能跑通了,再去看那这些参数是做什么的,我会把官方的链接放在需要使用到的代码下面默认你已经安装好了node.js下面我们先初始化一个n...原创 2019-09-29 17:31:51 · 345 阅读 · 0 评论 -
webpack中使用zepto: zepto:Uncaught TypeError: Cannot read property 'createElement' of undefined
笔者在webpack中应用zepto的时候出现了上述的报错,然后参观了大神的文章还是没有处理好https://segmentfault.com/a/1190000012438982(参考的文章)然后我使用的是npm i -D zepto-webpack在你的入口文件下这样引用 找到这个文件的位置import $ from '../node_modules/zepto-...原创 2019-10-09 17:00:12 · 3044 阅读 · 0 评论 -
关于webpack的file-loader与url-loader打包出现路径不对的问题
这个是试验包链接:https://pan.baidu.com/s/17zlR7WIRDw3y18Kk7mJYUA提取码:o4pr复制这段内容后打开百度网盘手机App,操作更方便哦笔者在搭建的webpack的包目录结构如下但是打出来的包却说在src/css中找不到image/ceshi1.png文件。后来发现问题了需要这样去设置默认image是src中图...原创 2019-12-16 16:12:45 · 2133 阅读 · 3 评论 -
webpack常用的插件集合
第二个参数回调就是一个回调函数其中需要注意的是,这个回调函数有一个参数要求,通过这个要求就可以在回调函数内动态引入其他模块值得注意的是,虽然这个要求是回调函数的参数,理论上可以换其他名称,但是实际上是不能换的,否则的的的的WebPack就无法静态分析的时候处理它;第一,直接使用cdn的方式的方式就不在写了,就是在index中下面通过script的方式引用 我们要使用的是下面的插件。要说明的是urlScript 这个是我们自己定义的,你可以叫任何的名字,在传入的时候使用这个变量放入插件的内置中。原创 2019-07-23 20:53:00 · 5136 阅读 · 5 评论