Lập trình webpack

3

HtmlWebpackPlugin chèn các tệp đường dẫn tương đối bị hỏng khi tải các đường dẫn trang web không phải gốc

Tôi đang sử dụng webpack và HtmlWebpackPlugin để đưa js và css đi kèm vào tệp mẫu html. new HtmlWebpackPlugin({ template: 'client/index.tpl.html', inject: 'body', filename: 'index.html' }), Và nó tạo ra tệp html sau. <!doctype html> <html lang="en"> <head> ... <link href="main-295c5189923694ec44ac.min.css" rel="stylesheet"> </head> <body> <div id="app"></div> <script src="main-295c5189923694ec44ac.min.js"></script> </body> …

115 javascript express webpack react-router

6

Webpack 4 - Làm thế nào để cấu hình thu nhỏ?

Webpack 4 đi kèm với câu lệnh sau: webpack.optimize.UglifyJsPlugin đã bị xóa, thay vào đó hãy sử dụng config.optimization.minimize. Đủ công bằng, nhưng tôi không thể tìm thấy bất kỳ thông tin nào về việc định cấu hình cá thể UglifyJsPlugin đang chạy dưới mui xe, chẳng hạn như để …

114 javascript webpack webpack-4

20

React-Native: Mô-đun AppRegistry không phải là một mô-đun có thể gọi đã đăng ký

Tôi hiện đang cố gắng chạy máy chủ react-native-webpack-ES6 trên trình giả lập Android. Sự khác biệt là tôi đã nâng cấp package.jsonvà build.gradesử dụng react 0.18.0, và gặp lỗi này khi khởi động. Theo như tôi biết AppRegistryđược nhập chính xác. Ngay cả khi tôi đã nhận xét ra …

114 android react-native webpack

5

Làm cách nào để truy cập vào webpack-dev-server từ các thiết bị trong mạng cục bộ?

Có một số cấu hình máy chủ webpack dev (nó là một phần của toàn bộ cấu hình): config.devServer = { contentBase: './' + (options.publicFolder ? options.publicFolder : 'public'), stats: { modules: false, cached: false, colors: true, chunk: false }, proxy: [{ path: /^\/api\/(.*)/, target: options.proxyApiTarget, rewrite: rewriteUrl('/$1'), changeOrigin: true …

112 javascript node.js networking webpack web-development-server

7

Tiếp xúc jQuery với đối tượng Window thực với Webpack

Tôi muốn hiển thị đối tượng jQuery với đối tượng cửa sổ chung có thể truy cập được bên trong bảng điều khiển dành cho nhà phát triển trong trình duyệt. Bây giờ trong cấu hình webpack của tôi, tôi có các dòng sau: plugins: [ new webpack.ProvidePlugin({ $: 'jquery', …

111 javascript jquery webpack

2

Tùy chọn bộ xử lý trước Vue CLI CSS: dart-sass VS node-sass?

Khi tạo một dự án mới với CLI (v3.7.0), có một tùy chọn để chọn giữa dart-sasshoặc node-sasstrình biên dịch. Làm thế nào để những điều này so sánh với nhau, cụ thể hơn được khai báo trong tài liệu Vue ? Mẹo về Hiệu suất Sass Lưu ý rằng …

109 vue.js webpack sass vue-cli node-sass

4

Ký hiệu dấu ngoặc đối tượng Javascript ({Điều hướng} =) ở bên trái của phép gán

Tôi chưa nhìn thấy cú pháp này trước đây và tôi đang tự hỏi nó là gì. var { Navigation } = require('react-router'); Các dấu ngoặc ở bên trái đang gây ra lỗi cú pháp: mã thông báo bất ngờ { Tôi không chắc phần nào của cấu hình webpack …

108 javascript webpack ecmascript-6

19

Bị từ chối tải phông chữ 'data: font / woff…' nó vi phạm chỉ thị Chính sách bảo mật nội dung sau: “default-src 'self'”. Lưu ý rằng 'font-src'

Ứng dụng web phản ứng của tôi đưa ra lỗi này trong Bảng điều khiển trình duyệt Refused to load the font 'data:font/woff;base64,d09........' because it` `violates the following Content Security Policy directive: "default-src` `'self'". Note that 'font-src' was not explicitly set, so 'default-src' is used as a fallback. Cũng thế: …

108 javascript reactjs webpack

6

webpack không thể tìm thấy mô-đun nếu tệp có tên jsx

Khi tôi viết webpack.config.js như thế này module.exports = { entry: './index.jsx', output: { filename: 'bundle.js' }, module: { loaders: [{ test: /\.jsx?$/, exclude: /node_modules/, loader: 'babel', query: { presets: ['es2015', 'react'] } }] } }; Và trong index.jsxtôi nhập một reactmô-đunApp import React from 'react'; import { render } …

107 reactjs webpack webpack-dev-server

7

“Bạn có thể cần một trình tải thích hợp để xử lý loại tệp này” với Webpack và Babel

Tôi đang cố gắng sử dụng Webpack với Babel để biên dịch nội dung ES6, nhưng tôi nhận được thông báo lỗi sau: You may need an appropriate loader to handle this file type. | import React from 'react'; | /* | import { render } from 'react-dom' Đây là …

106 javascript webpack babeljs es6-module-loader

2

Lệnh "phản ứng-script eject" này làm gì?

Không những gì npm run ejectlệnh làm gì? Tôi hiểu những lệnh khác làm như start, build, test. Nhưng không có ý tưởng về việc đẩy ra.

106 reactjs webpack create-react-app react-scripts

4

Trình tải webpack so với plugin; có gì khác biệt?

Sự khác biệt giữa trình tải và plugin trong webpack là gì? Các tài liệu hướng dẫn cho các plugins chỉ nói: Sử dụng các plugin để thêm chức năng thường liên quan đến các gói trong webpack. Tôi biết rằng babel sử dụng trình tải cho các chuyển đổi …

103 javascript reactjs webpack

5

Trình trang trí webpack babel 6 ES6

Tôi có một dự án được viết bằng ES6 với webpack làm gói của tôi. Hầu hết các chuyển đổi đều hoạt động tốt, nhưng khi tôi cố gắng đưa trình trang trí vào bất kỳ đâu, tôi gặp lỗi này: Decorators are not supported yet in 6.x pending proposal …

101 javascript webpack ecmascript-6 babeljs decorator

4

Cách lưu trữ tệp cấu hình và đọc bằng React

Tôi là người mới trên react.js Tôi đã triển khai một thành phần trong đó tôi đang tìm nạp dữ liệu từ máy chủ và sử dụng nó như, CallEnterprise:function(TenantId){ fetchData('http://xxx.xxx.xx.xx:8090/Enterprises?TenantId='+TenantId+' &format=json').then(function(enterprises) { EnterprisePerspectiveActions.getEnterprise(enterprises); }).catch(function() { alert("There was some issue in API Call please contact Admin"); //ComponentAppDispatcher.handleViewAction({ // actionType: MetaItemConstants.RECEIVE_ERROR, …

101 javascript reactjs configuration webpack flux

2

Lỗi: Phiên bản Node Sass 5.0.0 không tương thích với ^ 4.0.0

Tôi đã tạo một dự án React trống, sử dụng lệnh: npx create-react-apptrên npm v7.0.7 và Node v15.0.1 Cài đặt: React v17.0.1, node-sass v5.0.0, Sau đó, tôi đã cố gắng nhập tệp .scss trống vào Thành phần ứng dụng: App.js import './App.scss' function App() { return ( <div className="App"> App …

100 reactjs webpack create-react-app node-sass sass-loader

Câu hỏi được gắn thẻ «webpack»