代码拉取完成,页面将自动刷新
1、一些依赖项已经在node_modules中,如果不全,可以在当前文件内通过npm进行安装
2、安装之后可以开启监听预览模式查看
webpack-dev-server --progress --colors
npm install jquery --save-dev
plugins:[
new webpack.ProvidePlugin({
$:"jquery",
jQuery:"jquery",
"window.jQuery":"jquery" // angular中会自动寻找window.jQuery
})
]
import "./libs/layer/layer";
layer.config({
path:"../src/libs/layer/", // 配置layer的目录路径,必须的步骤
})
window.layer = layer;
import {app,layer} from "../app";
layer.msg("your msg");
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" }
]
}
import "./libs/bootstrap-3.3.7-dist/css/bootstrap.min.css";
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服务器
```````
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。