webpack4
文章平均质量分 84
周家大小姐.
这个作者很懒,什么都没留下…
展开
-
webpack-4 babel(es6)转换 polyfill preset transform (es8)
初级webpackage.json配置 目前浏览器大部分识别的是es5,如果朋友们用了es6想让全部浏览器识别就需要用到babel转换 输入命令: npm install babel-core 之后去到根路径后创建一个 babelrc 这个文件为自动加载的一个文件 输入命令:touch .babelrc 在js中写入es6语法时需要配置插件 输入命令: npm instal...原创 2018-11-18 14:42:35 · 1844 阅读 · 0 评论 -
webapck 4--加载css及配置package.json
目录 配置css 配置package.json 配置css 在src下创建main.css 在main.js中引入css require('./main.css') 现在不能直接动行 webpack-dev-server --config=config/webpack.dev.js 会报错 我们需要下载加载器让我们的css样式渲染到我们的webpack 输入命令:...原创 2018-11-17 23:11:58 · 1304 阅读 · 0 评论 -
webpack 4 环境安装及webpack配置
目录 webpack环境安装 webpack配置 github详细代码地址:https://gitee.com/CarrieProject/weback4_configuration webpack环境安装 创建webpack-course文件 在这个webpack-course文件里创建3个文件 mkdir src dist config ls 查看是否创建成功 g...原创 2018-11-17 22:16:04 · 1237 阅读 · 0 评论 -
webpack-4 加载html和images
目录 加载HTML 加载图片 这篇文章中在之前已经配置好了重启和打包命令不懂的可以点击此链接 加载HTML 把dist下的html转到src下面: 项目目录: 输入命令: mv dist/index.html src/ 发现index.html 已经转移到了src下面 移除dist下的main-bundle.js 输入命令: rm -rf dist/main...原创 2018-11-18 13:45:32 · 1253 阅读 · 0 评论