Tìm kiếm trang web
javascript - Làm thế nào để thay đổi đường dẫn import một cách động trong webpack?
Tôi có một bộ các bản xuất mà tôi thường nhập từ một thư mục:
import { myThing } from 'path/to/dir/es5/things'Tuy nhiên, nếu tôi chạy webpack với một NODE_ENV cụ thể được thiết lập, tôi muốn gốc của tất cả các import như vậy được coi là es6:
import { myThing } from 'pat Đọc thêm →javascript - React Webpack Dev Server không tìm thấy main.js
Tôi đang sử dụng React với Webpack 4 và đang phát triển với máy chủ dev của webpack. Điều này hoạt động hoàn hảo, tuy nhiên tôi có một vấn đề.
Máy chủ phát triển tạo ra một tệp "main.js". Vấn đề phát sinh khi tôi ở trên trang /edit/1 chẳng hạn.
historyApiFallback đảm bảo rằng tôi không nhận được lỗi 404, m
Đọc thêm →typescript - Sử dụng tether với webpack (Angular CLI)
Tôi đang phát triển một dự án sử dụng Angular CLI. Vì vậy, tôi đã cài đặt tether bằng npm install tether --save, và nhập dependency trong app.component.ts bằng import * as Tether from 'tether'.
Khi tôi cố gắng khởi tạo Tether với new Tether({ ... }), nó in ra lỗi sau trong bảng điều khiển:
Đọc thêm →javascript - Webpack: làm thế nào để đặt một số module được tải trước tiên?
Tôi có một yêu cầu là phải tải một số mô-đun trước tiên, vì mô-đun này cần thiết trong kế thừa. Vấn đề là TypeScript bắt đầu mở rộng ngay lập tức ngay cả khi lớp cơ sở chưa được tải. Câu hỏi là: có plugin nào có thể thay đổi thứ tự tải không? Cảm ơn.
Context.ts
import { Transform } from './Transform'; import { Form } from './Form'; export class Context { public transform() { return new Transform(this); } public toFormContext() { return new Fo Đọc thêm →javascript - Sử dụng Firebase với Webpack và TypeScript
Tôi đang cố gắng lấy một số dữ liệu từ một instance của Firebase, nhưng gặp phải vấn đề khi cố gắng gán nó vào một biến. Tôi đang sử dụng TypeScript và Webpack để xây dựng.
main.ts
import * as Firebase from 'firebase'; class filter { constructor(){ let ref = new Firebase('my-url-here'); } }Các kiểu và module npm đã được cài đặt và hoạt động, và Visual Code không báo lỗi, nhưng khi tôi mở trình duyệt thì tôi nhận được:
Đọc thêm →typescript - Gặp khó khăn khi tải các gói npm với webpack
Tôi quyết định bắt đầu với Angular 2 và Webpack. Nhưng bây giờ tôi gặp một vấn đề. Tôi bắt đầu với một số ví dụ về Webpack như:
học-webpack
webpack-minh họa
Và nếu bạn thấy package.json (thư mục node_modules) nằm ngoài các ví dụ của webpack, nhưng điều đó không gây vấn đề gì khi chạy các ví dụ. Nhưng khi tôi cố gắng làm điều tương tự bằng Angular 2, tôi gặp lỗi sau:
ERROR in Error: Child compilation failed: Entry module not found: Error: Cannot resolve modu Đọc thêm →angularjs - angular + mocha + typescript + webpack kiểm thử
Tôi có một dự án Angular lớn viết bằng Typescript và được Webpack đóng gói thành một bundle. Khi sử dụng Karma, tôi gặp vấn đề reload trang mà tôi không thể giải quyết. Vì vậy, tôi đã chuyển sang thử Mocha nhưng không thể làm cho nó hoạt động đúng cách. Tôi đã theo câu trả lời được chấp nhận cho câu hỏi này để đi đến mức này.
Vấn đề đầu tiên
Có lẽ ai đó có thể nói cho tôi biết tôi đang làm sai ở đâu hoặc chỉ cho tôi cách thiết lập đúng cách.
Tôi chạy webpack
Đọc thêm →angularjs - Cảnh báo Webpack trên Windows - Có một module khác cùng tên khi bỏ qua chữ hoa chữ thường
Khi tôi chạy bản demo trên Windows 10 X64 từ https://angular.io/docs/ts/latest/guide/webpack.html, tôi nhận được rất nhiều cảnh báo. ví dụ:
WARNING in ./~/.npminstall/rxjs/5.0.0-beta.6/rxjs/Notification.js There is another module with an equal name when case is ignored. This can lead to unexpected behavior when compiling on a filesystem with other case-semantic. Rename module if multiple modules are expected or use equal casing if one module is expected. WARNING in E:/zc_test/a Đọc thêm →Xây dựng thư viện js bằng webpack với định nghĩa typescript
Ví dụ, tôi có một thư viện chứa 2 tệp được viết bằng commonjs.
button.js với các kiểu button.d.ts:
class Button {}; export = Button;index.js với các kiểu index.d.ts:
import Button = require("./button Đọc thêm →npm - Typescript biên dịch các tệp ts riêng biệt, webpack
Tôi đang cố gắng sử dụng npm trực tiếp như một công cụ build để biên dịch các tệp typescript cho angularjs.
Tôi có một cấu trúc TypeScript như thế này.
ts home Home.Controller.ts Home.Directive.ts home.html Home.Service.tsTôi đang sử dụng một tệp webpack.config.js để biên dịch các tệp ts.
var glob = require("glob"); module.exports = { entry: glob.sync('./src/app/**/*.t Đọc thêm →