在我看来,这样做更好,更有表现力:
import stuff from 'library/stuff'
所以我不是导入整个库,而是导入应该更快的模块。
但是,例如,当我用react-router-dom做这件事时,我会收到警告,说我应该这样做:
import {Link } from 'react-router-dom'
否则我会收到警告的
Warning: Please use `require("react-router-dom").Link` instead of `require("react-router-dom/Link
在之后,我将项目中的所有导入从import * as rb from 'react-bootstrap'更改为import <component> from 'react-bootstrap/<component'。我原以为这会导致一个较小的包大小,但是在通过源地图浏览器进行分析后,包的大小几乎是一样的(它甚至以不明显的数量增长)。该项目由created、react v17.0.2和v2.2.2创建。
我的示例基于rollup.js基本示例:
我正在工作的项目需要更多的文件被包括和排除。(我知道如何排除路径使用“汇总-插件-忽略”插件。)
如何告诉rollup.js在不更改源文件的情况下将文件添加到导入列表中(就像我在源代码中导入它们一样)。?
我试着用公共插件
var commonjs = require('rollup-plugin-commonjs');
var include = ["D:\\...abs_path....\\components\\Auth\\FormLogin.jsx"]
commonjs( {"include":
现在,我正在检查我的应用程序,更改此模式的实例:
import {Grid, Row, Col} from 'react-bootstrap'
转入:
import {Grid, Row, Col} from '../react-bootstrap'
其中,react-bootstrap.js是我项目根部的一个简单文件,它有选择地从NPM包导入我需要的ES6模块:
import Grid from 'react-bootstrap/es/Grid'
import Col from 'react-bootstrap/es/Col
我使用的是@agm/核心库和角7中的几个包。但是我得到了错误:
WARNING in ./node_modules/@agm/core/fesm5/agm-core.js 4538:34-52
"export 'ɵɵdefineInjectable' was not found in '@angular/core'
WARNING in ./node_modules/ngx-bootstrap-slider/fesm5/ngx-bootstrap-slider.js 7:38-56
"export 'ɵɵdefineInjectable
我想转换一个纯黑白(例如,没有灰度)的图片使用Image箱,结果应该是一个0和255 RGB值的图片。
根据,我写了以下内容:
let img = image::open("photo.jpg").unwrap(); // Load picture
let gray_img = img.grayscale(); // Convert it
// Access a random pixel value
let px = gray_img.get_pixel(0,0);
println!("{:?}", pixel.data); // Print RGB arra