![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
文章平均质量分 75
巴山却话
资深前端讲师、同时掌握php、python等后端技术、打通前后端开发的任督二脉
展开
-
vue 中使用 bimface
整个过程分为如下几个步骤1、安装 vue 脚手架2、创建项目3、引入 bimface 响应的文件4、修改 App.vue 文件,实现页面渲染1. 安装 vue 脚手架这里还是使用 Vue CLI通过如下命令,全局安装 vue 脚手架工具npm install -g @vue/cli安装好之后,可以通过安装 nrm ,来切换镜像源,也可以直接进行下一步2. 创建项目找一个合适的目录,打开 cmd 或者 powshell,键入如下命令,创建名为 bimface-.原创 2021-11-04 18:04:28 · 2649 阅读 · 1 评论 -
自己动手 webpack 打包 vue 单文件组件
1. 为什么要了解这些vue 的脚手架集成了 webpack,并进行了大量的默认配置我们只需要按照框架的要求编写代码,打包就好了慢慢的我们就成了傻瓜,不知道这其中到底发生了什么,一旦遇到问题,不知道该如何思考,因为你可能都不清楚它的运作原理更何况,看尤大的思路,将来很可能使用脚手架创建项目时,打包工具不再是默认的,而是让你 webpack 和 vite 二选一所以,我们就更需要对打包过程有一个大概的了解下面我们就手动实现这一点2. 动手实践SPA 和组件化密不可分,组件化让S原创 2021-03-10 16:51:18 · 3654 阅读 · 4 评论 -
html-webpack-plugin 自动引入 bundle.js
webpack 使用 html-webpack-plugin 简化 html 的创建,此插件会为我们按照指定路径和名称生成一个 html 文件,作为网站的入口文件但是在新版本中,其会自动在 html 文件中添加 bundle.js(出口文件)的引用如下main这样,我们已经手动在 body 中引入了 bundle.js但是打包之后,发现,header 中也被引入了一个 bundle.js有的同学手动引入的时 dist 目录下的 bundle.js,而插件自动引入的时跟目录下的 bun原创 2021-03-09 15:23:44 · 977 阅读 · 1 评论