1 Star 2 Fork 0

桐溪漂流 / admin-webpack

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

admin-webpack

使用方法
  • 1、一些依赖项已经在node_modules中,如果不全,可以在当前文件内通过npm进行安装

  • 2、安装之后可以开启监听预览模式查看

	webpack-dev-server --progress --colors
  • 3、可以用webpack命令进行文件的整理
添加jquery
  • 1、可以只用npm安装
	npm install jquery --save-dev
  • 2、在配置文件webpack.config.js中全局引入
	plugins:[
   	new webpack.ProvidePlugin({
   		$:"jquery",
   		jQuery:"jquery",
   		"window.jQuery":"jquery"	// angular中会自动寻找window.jQuery
   	})
   ]
添加layer
  • 1、在app中引入本地layer
	import "./libs/layer/layer";
   layer.config({
   	path:"../src/libs/layer/",		// 配置layer的目录路径,必须的步骤
   })
   window.layer = layer;
  • 2、使用layer
	import {app,layer} from "../app";
	layer.msg("your msg");
引入bootstrap
  • 1、webpack配置loader
	module{
		loaders:[
			{ test: /\.eot(\?v=\d+\.\d+\.\d+)?$/, loader: "file-loader" },
   	    { test: /\.(woff|woff2)$/, loader:"url-loader?prefix=font/&limit=5000" },
   	    { test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/, loader: "url-loader?limit=10000&mimetype=application/octet-stream" },
   	    { test: /\.svg(\?v=\d+\.\d+\.\d+)?$/, loader: "url-loader?limit=10000&mimetype=image/svg+xml" }
		]
	}	
  • 2、引入bootstrap
	import "./libs/bootstrap-3.3.7-dist/css/bootstrap.min.css";
多个html的输出和编译后的引用
	new htmlWebpackPlugin({
		filename:"index.html",
		template:"index.html",
		inject:"body",		// 编译后的文件的引入的位置
		chunks:["main"]		// 该html文件所需要引入的编译后的文件
	})
	

#####webpack 一些命令

```````
webpack --config webpack.min.js				// 另一份配置文件

webpack --display-error-details				// 显示异常信息

webpack --watch								// 监听变动并自动打包

webpack										// 打包

webpack -p									// 压缩混淆脚本

webpack -d									// 生成map映射文件,告知那些模块被最终打包到哪里

webpack --progress --colors					// 编译输出的内容带有进度和颜色

webpack --progress --colors --watch			// 开启监听模式,只编译改动的模块,速度较快

webpack-dev-server --progress --colors		// 开启开发服务,可以通过localhost:8080启动一个静态资源web服务器

```````

空文件

简介

一个用webpack + angular1.5.9进行后台管理项目开发的一些尝试 展开 收起
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
1
https://gitee.com/baoyinYang/admin-webpack.git
git@gitee.com:baoyinYang/admin-webpack.git
baoyinYang
admin-webpack
admin-webpack
master

搜索帮助