![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
人生海海丶
这个作者很懒,什么都没留下…
展开
-
webpack + Vue 组件/路由
安装成生产依赖npm install vue -Sindex.html中导入app模块main.js 开始写vueimport Vue from "vue"var vm = new Vue({ el:"#app", data:{ msg:"vue+webpack" }, methods: { },}...原创 2019-10-29 19:18:17 · 176 阅读 · 0 评论 -
webpack bable
Babel不能运行es6的,所以需要bable转译成低版本的供浏览器识别安装npm install --save-dev @babel/core @babel/cli @babel/preset-envnpm install --save @babel/polyfill...原创 2019-10-28 20:19:22 · 170 阅读 · 0 评论 -
webpack (三)插件
CSS-loader 插件安装css-loader 依赖于style-loader 所以两个需要一起安装npm install --save-dev css-loadernpm install --save-dev style-loaderwebpack.config.js 配置文件module.exports = { module: { rules: [...原创 2019-10-25 15:39:27 · 116 阅读 · 0 评论 -
webpack (二)插件使用 HtmlWebpackPlugin
HtmlWebpackPluginhttps://www.webpackjs.com/plugins/html-webpack-plugin/HtmlWebpackPlugin简化了HTML文件的创建,以便为你的webpack包提供服务。这对于在文件名中包含每次会随着编译而发生变化哈希的 webpack bundle 尤其有用。 你可以让插件为你生成一个HTML文件,使用lodash模板...原创 2019-10-25 15:05:02 · 140 阅读 · 0 评论 -
webpack (一) 使用方法:安装->配置
目录1、安装2、写index.html/main.js页面3.1、用webpack将main.js内容打包到bundle.js3.2、webpack.config.js 配置相关文件3.3、webpack-dev-server4、访问页面相关配置1、安装npm init -ynpm install webpack webpack-cli --save-d...原创 2019-10-24 16:50:51 · 136 阅读 · 0 评论