一份基础的webpack配置,包含解析sass,提取(多个
webpack-demo
一份基础的webpack3配置指南,包含解析Sass/ES6,提取(多个)CSS文件,公共文件,热更新替换,开发线上环境区分,jQuery插件引入,页面文件资源引入,编写插件,模块异步加载 等基础功能
请移步使用新版webpack4的配置,在笔者的中小项目中,升级为v4之后,编译性能提升了至少7倍!
详细介绍http://www.cnblogs.com/imwtr/p/7786204.html
使用说明 确保你已经安装了Python2.7
,并且设置了环境变量
安装了Node.JS
, 全局安装 npm i -g webpack
如果你是非Unix用户(如Windows),修改 webpack-demo/public/package.json
中的scripts
命令
将环境变量的设置方式由 export NODE_ENV=production && webpack...
修改成 SET NODE_ENV=production&& webpack...
(注意引号前无空格)
使用方法
cd webpack-demo && node server.js
开启node服务
cd webpack-demo/public
npm install
或 cnpm install
npm run build:unix:dev
(开发环境,windows将unix换为win) 或 npm run build:unix:prod
(生产环境,windows将unix换为win) 开始编译,查看编译结果
浏览器访问 http://localhost:8088/views/home/home_tpl.html 或 http://localhost:8088/views/home/home.html 查看页面
根据自己需要,修改配置项或各模块,重新编译查看结果
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。