最新版本的Angular2允许在您的app.bootstrap.ts文件中使用此代码进行提前(AOT)编译:
// The browser platform without a compiler
import { platformBrowser } from '@angular/platform-browser';
// The app module factory produced by the static offline compiler
import { AppModuleNgFactory } from './app.module.ngfactory';
// Launch with the app module factory.
platformBrowser().bootstrapModuleFactory(AppModuleNgFactory);
Run Code Online (Sandbox Code Playgroud)
我们如何将Webpack和Typescript加载器与Angular2的AOT编译器集成?
似乎可能还没有选择这样做,但我问的是关于Stack溢出的问题,所以当它可用时,答案很容易找到.
更新10/12/16 - 我得到了它的工作,请看下面我的答案.
我正在使用html2canvas将带有自定义功能的google地图javascript API转换为画布,然后转换为图像.
在所有浏览器上都能正常工作,除了在IE 11上它生成一个图像右侧有额外空白的图像,等于(浏览器窗口的宽度 - 地图宽度).所以我的窗户越宽,右边的空间越大,反之亦然.
如何将此图像(或HTMLcanvas)切割到实际图像的边缘(768像素宽)?
我在这里找到了这段代码,但不知道如何为此任务修改它:
var image = new Image();
image.onload = cutImageUp;
image.src = 'myimage.png';
function cutImageUp() {
var imagePieces = [];
for(var x = 0; x < numColsToCut; ++x) {
for(var y = 0; y < numRowsToCut; ++y) {
var canvas = document.createElement('canvas');
canvas.width = widthOfOnePiece;
canvas.height = heightOfOnePiece;
var context = canvas.getContext('2d');
context.drawImage(image, x * widthOfOnePiece, y * heightOfOnePiece, widthOfOnePiece, heightOfOnePiece, 0, 0, canvas.width, canvas.height);
imagePieces.push(canvas.toDataURL());
}
}
// imagePieces now contains data urls …
Run Code Online (Sandbox Code Playgroud) 我的npm脚本中有很多不确定因素.npm install
第一次需要几分钟,没关系.
但是因为我正在与TFS构建服务器集成,所以它只需要安装一次npm.之后,npm install只是浪费时间,因为只需要2-3分钟来确定已安装的软件包.此外,它似乎始终使用-g全局标志重新安装包,即使存在时也是如此.
如何检查包是否存在,如果是,请跳过npm install?
我使用webpack
并使用html-webpack-plugin
生成的脚本包更新我的index.html文件,例如bundle.[hash].js
.
然后我必须运行webpack-dev-server
所以我可以将该包加载到内存中并利用热模块替换.
这使代码编译两次.
但是,我想要的是webpack-dev-server
能够使用new更新index.html文件bundle.[hash].js
,因为现在我必须运行webpack
后跟webpack-dev-sever
.编译两次似乎很奇怪.
同样,我运行的唯一原因webpack
是使用bundle的新哈希更新我的index.html文件.如果我可以webpack-dev-server
将更新的index.html输出到磁盘,那么我可以webpack
完全放弃命令.
这可能吗?如果是这样,webpack配置会改变什么?我的webpack配置很长,所以我认为在这里发布它会有所帮助.
webpack webpack-dev-server webpack-hmr html-webpack-plugin webpack-hot-middleware
我正在使用phantomjs-node api来呈现PDF.问题是出现在页面末尾附近的单词分为2页,第1页的一半,第2页的另一半.我无法理解为什么会发生这种情况.我该怎么做才能解决这个问题?我已经在phantomjs github上创建了一个没有响应的问题.
在运行时之前,数据的长度是未知的,因此我认为在数据行中放置硬分页符是不可行的.
您使用的是哪个版本的PhantomJS? phantomjs-node ^ v2.1.21
哪些步骤将重现该问题?
一个.创建多页网站
湾 以PDF格式呈现
您使用的是哪种操作系统?Windows 10 x64
你使用二进制PhantomJS还是从源代码编译它? phantomjs-node预编译
我需要比较时间表的重叠情况,从 2 个到无限多个时间表。
例如,具有 3 个计划的数组将如下所示:
var dateRanges = [
{
DaysOfWeek: ['Sun', 'Mon'],
StartTime: "01:00",
StopTime: "17:00",
AllDay: false
},
{
DaysOfWeek: ['Tues', 'Wed'],
StartTime: "12:00",
StopTime: "21:59",
AllDay: true
},
{
DaysOfWeek: ['Thur', 'Sun'],
StartTime: "12:00",
StopTime: "21:59",
AllDay: true
}
]
Run Code Online (Sandbox Code Playgroud)
我正在努力弄清楚如何将所有数组相互比较。到目前为止我有这个
checkScheduleForOverlap: function (dateRanges) {
var result = dateRanges.reduce((result, current, i, arr) => {
// console.log(previous, current);
// get the previous range
if (i === 0) { return result; }
var previous = arr[i - 1]; …
Run Code Online (Sandbox Code Playgroud) javascript ×2
webpack ×2
angular ×1
angular-cli ×1
aot ×1
arrays ×1
azure-devops ×1
compare ×1
css ×1
google-maps ×1
html2canvas ×1
image ×1
jquery ×1
msbuild ×1
node.js ×1
npm ×1
npm-install ×1
overlap ×1
page-break ×1
phantomjs ×1
reduce ×1
tfs ×1
typescript ×1
webpack-hmr ×1