Skip to content

基于webpack3的多页应用架构,采用babel编译,支持ES5-ES8、tree-shaking、热更新、less或css

License

Notifications You must be signed in to change notification settings

hyy1115/webpack-multiple-pages

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

webpack-multiple-pages

基于webpack3的多页应用架构,采用babel编译,支持ES5-ES8的语法,支持tree-shaking。

用法

下载源码

安装插件

npm install

开发环境运行

启动项目之后,会自动打开浏览器,你可以在首页和登录页面切换,你可以尽情使用es6+的语法进行开发。

npm run dev

实现了(css | less)热更新、js热更新

html不支持热更新,但可以通过一段hack代码支持刷新

if (process.env.NODE_ENV !== 'production') {
    require('file-loader!../index.html') //这是针对首页的hack
}

if (process.env.NODE_ENV !== 'production') {
    require('file-loader!../login.html') //这是针对登录页的hack
}

打包发布

项目会打包到dist文件夹,js经过babel编译成可在浏览器执行的代码,图片也打包到单独的文件夹,css也分类管理,html会 自动打包并且写入script和link标签,你不需要在html手动添加,而是在plugins做配置即可。

npm run build

疑问

如果你对项目的代码或者运行有疑问,请提issue。

如果你想要新功能的支持,请提issue。

About

基于webpack3的多页应用架构,采用babel编译,支持ES5-ES8、tree-shaking、热更新、less或css

Topics

Resources

License

Stars

Watchers

Forks

Packages