摘要: 一、less文件打包和分离 1、要使用less,首先使用npm安装less服务;还需要安装Less-loader用来打包使用。 2、在module中配置 3、在html中编写一个div,在css中新建一个less文件 4、引入到index.js中 5、使用webpack进行打包,输入npm run 阅读全文
posted @ 2018-03-26 21:41 古兰精 阅读(6098) 评论(0) 推荐(1) 编辑
摘要: 一、babel支持 Babel其实是几个模块化的包,其核心功能位于称为babel-core的npm包中,webpack可以把其不同的包整合在一起使用,对于每一个你需要的功能或拓展,你都需要安装单独的包(用得最多的是解析ES6的babel-preset-es2015包和解析JSX的babel-pres 阅读全文
posted @ 2018-03-26 21:07 古兰精 阅读(4030) 评论(0) 推荐(0) 编辑
摘要: 一、CSS中的图片处理: 1、首先在网上随便找一张图片,在src下新建images文件夹,将图片放在文件夹内 2、在index.html中写入代码:<div id="pic"></div>来放置图片 3、设置图片的css 4、编写完成后,安装file-loader和url-loader 5、安装好后 阅读全文
posted @ 2018-03-26 20:17 古兰精 阅读(2186) 评论(0) 推荐(0) 编辑
摘要: 一、CSS文件打包 1、在src下新建css文件,在css文件下新建index.css文件,输入以下代码 2、css建立好后,需要引入到入口文件,这里我们引入到index.js中 3、在终端安装style-loader和css-loader 4、安装好后,我们开始在webpack.config.js 阅读全文
posted @ 2018-03-26 19:32 古兰精 阅读(7754) 评论(0) 推荐(0) 编辑
摘要: 一、core-js@2.6.12: core-js@<3.3 is no longer maintained and not recommended 之前的电脑 node 是 14 版本,对应 npm 是 6 版本,项目都是正常启动的。但是新换了个笔记本,新装 node 环境,node 是最新的 1 阅读全文
posted @ 2018-03-26 19:14 古兰精 阅读(5759) 评论(0) 推荐(0) 编辑
摘要: 一、安装和配置webpack 1、全局安装webpack 这样就安装好了webpack,可以再全局通过webpack -v来查看是否安装成功。 2、先创建项目目录结构,根目录是mywebpack。进入项目根目录,执行:npm init,生成package.json文件,内容就是一堆json数据,基本 阅读全文
posted @ 2018-03-26 17:49 古兰精 阅读(7434) 评论(0) 推荐(1) 编辑