【文件属性】:
文件名称:Webpack-Vue-HMR-App-Demo:使用webpack + vue + HMR + SCSS + PHP的演示
文件大小:75KB
文件格式:ZIP
更新时间:2021-04-30 03:17:51
JavaScript
Webpack Vue HMR现有的应用程序演示
该项目以易于集成到现有项目中的方式,作为结合使用以下技术的演示:
带Babel的Webpack
Vue(具有.vue组件文件支持)
Vue热模块重装
具有自动前缀的SCSS / SASS(默认为引导程序)。
动态导入(由webpack自动拆分)
在这种情况下,“ index.php”文件表示一个现有项目。
为什么
当尝试使用上述组件时,我发现大多数指南都假定您正在使用静态HTML页面,或者您正在使用NodeJS作为后端。 要使现有项目与webpack的dev服务器一起工作很困难,我总是最终实现粗略的变通办法,以使自己的服务器端代码和webpacks dev-server能够很好地协同工作。
该演示提供了一个配置示例,该示例使用HMR设置webpack,而无需大幅度更改原始应用程序或运行方式。 构建过程从根本上保持与您的应用程序分
【文件预览】:
Webpack-Vue-HMR-App-Demo-master
----index.php(624B)
----package.json(1KB)
----readme.md(2KB)
----package-lock.json(303KB)
----src()
--------App.vue(651B)
--------styles.scss(85B)
--------pages()
--------app.js(875B)
----.gitignore(19B)
----webpack.config.js(2KB)
----.browserslistrc(30B)
网友评论
相关文章
- react-webpack-hmr-scss-boilerplate:React WebPack HMR SCSS样板
- Toxin-Hotel-Are-Vue-WebPack-Front-end:从HTML,SCSS,JS TO Vue + Webpack与Pug,Scss,Babel迁移代码
- tns-template-webpack-ts-vue:带有Webpack,Vue,Pug,Scss和TypeScript的NativeScript
- vue-typescript-scss-webpack-4:使用Vue,vue-class-decorator,SCSS和Webpack 4创建基于Vue的应用程序的简单模板