angular2JS学习笔记1
1.创建一个文件夹angular2-app.内置文件有package.json , tsconfig.json , typings.json.
2016-04-18
前端移动node_modules到其他位置
npm、yarn等包管理工具会在源码目录下生成node_modules文件夹; node_modules文件夹很庞大, 文件数量很多, 有时候希望移动到其他位置, 这里提供一种方法;
2021-11-12
mina-loader 源码浅析
团队最近需要对小程序进行工程化升级,在网上看了《小程序工程化实践》一文收获满满,刚好文章中提到的 mina-webpack 也是我们团队正在使用的工具。mina-webpack 是 tinaJS 配套的工程化工具。(有关 tinaJS源码在我的另一篇文章有讲述)mina-webpack 包括好几个包,其中 mina-runtime-webpack-plugin、mina-entry-webpa...
一篇文章解析如何将Web仪表盘添加到React应用程序
点击获取工具>>本文介绍的方法适用于客户端 - 服务器模型,您需要一个服务器(一个ASP.NET Core或ASP.NET MVC后端)和一个客户端(前端)应用程序,其中包括所有必需的样式、脚本和HTML模板。请注意,客户端上的脚本版本应与服务器上的库版本匹配,直至次要版本。
2021-01-06
webpack4自定义loader
webpack4自定义loader1.在node_modules文件夹中创建test-loader文件夹,内部在创建index.js,内容如下 {代码...} 2.vue.config.js文件中 {代码...} 3.页面中引入test.js {代码...} test.js内容 {代码...} 4.执行指令 {代码...} 5.输出对比
2020-10-09
前端代码兼容 Chrome 44 的部分操作记录
公司项目原有的代码计划支持到 Chrome 49, 特殊项目需要支持到 Chrome 44. 从网上可以找到 Mac 上的 dmg 安装文件, 这个页面能拿到 Chrome 48,[链接] 安装以后需要指定一个目录启动, 否则低版本浏览器读取高版本的配置, 会报错,--profile-directory=chrome-old/ 网上有 Webpack 配置使用 Babel 的详细教程,[链接] 大致安...
CSS2SCSS内网升级全记录
但是我们项目开发到一半的时候,突然有一天研究某些东西后发现使用scss比css好用多了,这个时候我们将面临一个大问题,怎么将当前项目的css全部转成scss进行以后的开发?花了一周做了全方案升级,记录主要过程如下:
2020-04-02
Angular4中 “@angular/compiler-cli” 报错的解决方案
本人初学Angular,跟着官网教程时通过ng new my-app创建项目后,在ng serve --open时,会报如下错误:The "@angular/compiler-cli" package was not properly installed. Error: Error: Cannot find module '@angular/compiler'
局域网 pm2 离线安装
大家习惯了公网下边安装pm2,速度还是蛮快的,也不用去担心安装后是否可以正常使用,按照网上大部分方法安装都可正常使用;但是局域网下安装确实少见,但是有些特殊情况下还需要本地部署。针对无公网本地怎么部署到服务器,记录一下我的部署过程。
node中require使用笔记
如果参数字符串不以"./"或"/"开头,则表示加载的是一个默认提供的核心模块(位于Node的系统安装目录中),或者一个位于各级node_modules目录的已安装模块.
2017-07-13
Angular学习笔记之集成三方UI框架、控件
这几天看到 angular已经更新到了6,本着好奇的心态去看了下,发现 angular 6上面添加 material 变的简单多了。只需要一行命令就可以搞定。
vue2.0项目集成Cesium
2、在output 里加入sourcePrefix: ' ' 让webpack 正确处理多行字符串3、配置 amd参数4、module中在rules后添加 unknownContextCritical: false,
2019-07-29
使用npm link避免频繁发布更新,加快开发效率
公司内部开发了公用库,发布在了内部npm服务器,由于随着需求改动,公用库要不停的频繁修改,每次改动都要发布,然后引入组件库的主项目要重新安装依赖,过程繁琐,比较耗时。使用npm link 无需频繁发版,改动即刻生效。
2021-03-17
angualr7.1.0 + ng-zorror + G2 解决 使用G2变量未定义报错问题
解决方法 在angular.json文件scripts里面加入 {代码...} 在使用G2 ts文件里面加入 {代码...} 重新 npm start 可以正常使用了 注意 因为G2 直接import 的话一些数据类型会影响编译,所以会报错,编译不通过。 G2组件一些类型有错误,要自行修改类型否则编译不通过,会报错。 原文:[链接]
2019-04-12
angular2-tag-input 输入框回车确定添加多个可删除标签
效果图 1、安装 {代码...} 2、配置app.module.ts {代码...} 3、模板界面 {代码...} 4、组件界面 {代码...} {代码...}
2017-03-08
webpack npm 报错问题集合
全局安装npm包报错 Error: EACCES: permission denied, mkdir '/Users/lyc/.npm/sentry-cli' {代码...} 权限问题,解决方案: --unsafe-perm=true --allow-root {代码...} 也是npm install Error Error: EACCES: permission denied, open 'xxx' 提示是权限够不,但是添加sudo之后,后续仍然其他的权限问题 解决方案: {代码....
2019-08-04
Webpack的dll功能
我们构建前端项目的时候,往往希望第三方库(vendors)和自己写的代码可以分开打包,因为第三方库往往不需要经常打包更新。对此Webpack的文档建议用CommonsChunkPlugin来单独打包第三方库。