参考来源:知乎张轩 安装 先装好node和npm,因为webpack是一个基于node的项目.然后 npm install -g webpack 全局安装 还可以在当前项目里面也安装一个webpack, 这也是官方推荐的做法 npm install webpack --save-dev 总览 官网对webpack的定义是MODULE BUNDLER,他的目的就是把有依赖关系的各种文件打包成一系列的静态资源. 请看下图 webpack简单点来说就就是一个配置文件,所有的魔力都是在这一个文件中发生的…

前言 更好的阅读体验请:我的微信小程序入门踩坑之旅 小程序出来也有一段日子了,刚出来时也留意了一下.不过赶上生病,加上公司里也有别的事,主要是自己犯懒,就一直没做.这星期一,赶紧趁着这股热乎劲,也不是很忙,终于磨磨唧唧的写了个小demo,(当然还有好多接口没有使用). 预计阅读时间:5min 正文 介绍 小程序的框架,挺像Vue的. wxml <view> Hello {{name}}! </view> <button bindtap="changeName&quo…

前言 公司有个后端路由的项目是用 gulp 作为前端自动化构建工具,最近学习了一下 webpack,深感其强大,一狠心将其改成了 webpack 构建,以下是踩坑实录. gulp 先来说说原来的架构. 该项目是个 后端路由 的项目,我们以域名 www.abc.com 为例.假设有以下两个路由 www.abc.com/about 和 www.abc.com/join,因为路由后端已经构建好,这个时候我们是可以打开这两个页面的. 后端模版为 php 的 twig(当然可以是其他任何模版),这两个路由…

配置数据库表前缀 ABP踩坑记录-目录 本篇其实和ABP关系并不大,主要是EF Core的一些应用-.-. 起因 支持数据库表前缀应该是很多应用中比较常见的功能,而在ABP中并没直接提供这一功能,所以在我们的应用中,我们转而借助EF Core的配置来实现数据库表前缀的配置. 解决方案 这里我结合了Fluent API和数据注解的形式进行配置. 首先,约定所有自定义的表,在其实体类型上都标注了[Table("tablename")]属性. 然后在QincaiDbContext中重载OnM…

添加实体 ABP踩坑记录-目录 这里我以问答模块为例,记录一下我在创建实体类过程中碰到的一些坑. 审计属性 具体什么是审计属性我这里就不再介绍了,大家可以参考官方文档. 这里我是通过继承定义好的基类来获得相应的审计属性,大家如果有需求的话,也可以自己通过接口定义. 其中,abp提供的审计基类有两种,一种只包含UserId的FullAuditedEntity<TPrimaryKey>,另一种则是添加了User的导航属性的FullAuditedEntity<TPrimaryKey, TUse…

配置User Secrets ABP踩坑记录-目录 起因 因为以往习惯在User Secrets中保存连接字符串之类信息,但当我把连接字符串移到secrets.json中后,却发现在迁移过程中会报如下的错误: 简单说,也就是迁移时无法获取到连接字符串信息. 解决方案 在Qincai.EntityFrameworkCore项目中,找到QincaiDbContextFactory.cs文件,修改如下注释处代码. public class QincaiDbContextFactory : IDesig…

使用MySQL ABP踩坑记录-目录 起因 因为我自用的服务器只是腾讯云1核1G的学生机,不方便装SQL Server,所以转而MySQL. 这里使用的MySQL版本号为 8.0. 解决方案 删除Qincai.EntityFrameCore项目中现有的针对SQL Server的迁移文件,即Migrations文件夹. 为Qincai.EntityFrameCore项目,添加Pomelo.EntityFrameworkCore.MySqlNuGet引用,并删除对Microsoft.EntityFr…

file loader介绍:https://www.webpackjs.com/loaders/file-loader/ babel loader介绍:https://webpack.js.org/loaders/babel-loader/ webpack-dev-server介绍:https://www.webpackjs.com/configuration/dev-server/  ,https://www.jianshu.com/p/73d74445e5c5 今日在学习百度前端学院的一个小…

1.下载ABP项目模板, 打开网址https://aspnetboilerplate.com/Templates,选择MultiPage Web Application,输入项目名称和验证码,即可点击Create My Project按钮下载代码 2.下载完成之后,会跳到https://aspnetboilerplate.com/Pages/Documents/Zero/Startup-Template-Core页面,即开始文档,按照文档就可以完成入门的操作了. 3.安装最新版本的VS2017,…

注意事项: 1. webpack不用装在全局环境下,在哪个项目中使用,就安装在该项目下即可 1. 问题一:npm init 初始化一个项目后,添加webpack.config.js文件,在该项目中通过 npm install webpack --save-dev 将npm包安装到该项目下面, 然后在项目的根目录下执行  webpack命令 报下面的错误 原因:虽然项目中安装了webpack但是在项目的根目录下执行  webpack 执行的仍是全局的webpack  因为全局没有安装 webpac…