1.0.4 • Published 3 years ago
react-static-plugin-raw-loader v1.0.4
react-static-plugin-raw-loader
A React-Static plugin that allows importing files as a String.
Install
$ npm install react-static-plugin-raw-loader
# or
$ yarn add react-static-plugin-raw-loader
Use
Edit your static.config.js
, add this plugin like this:
export default {
// ...
plugins: [
// ...
'react-static-plugin-raw-loader'
]
// ...
};
Now you can import raw text as a String from *.txt
file or *.md
file.
import React from 'react'
import textValue from 'something.txt'
const App = function() {
return (
<div>
<p>{textValue}</p>
<div/>
);
};
For Typescript
For Typescript user, you may need type declaration. Save this as yourcustomfilename.d.ts
, and you can place it anywhere in your typescript project to take effect.
declare module "*.txt" {
const content: string;
export default content;
}
declare module "*.md" {
const content: string;
export default content;
}
Dependencies
As you can see from its README, raw-loader has been "deprecated" since Webpack v5 has added support for importing asset files (see asset modules ).
But React-Static are using Webpack v4 at present. So this dependency may become no longer necessary when React-Static uses Webpack v5 in the future.