docusaurus/admin/local-third-party-project-testing.md
Yangshun Tay a9a39817d4
Use proper syntax highlighting for code blocks (#615)
* Better syntax highlighting

* Better syntax highlighting
2018-04-27 22:51:38 -07:00

129 lines
3.8 KiB
Markdown

Sometimes you want to test the latest version of Docusaurus on a third-party project via `npm` or `yarn` without having to publish it to npm itself. For example, you may want to use the latest code in `master`.
> If you want to use Docusaurus to test Docusaurus, see the [testing changes on Docusaurus itself doc](./testing-changes-on-Docusaurus-itself.md)
There are two reasonable ways to use a local version of the Docusaurus npm package to test changes you make to the Docusaurus core on a third-party project.
## Install from a local Docusaurus repo
> If you want to use the docusaurus-init script for testing, you will have to update the `initialize.js` file to point to the local Docusaurus repo instead of installing it from the npm server. In some ways, it is just easier to do the manual steps.
### Install the package from the Docusaurus repo
```bash
cd /path/to/testing_project
mkdir website # if this does not exist already
cd website
```
If you do not have a `package.json` file in the `website` directory, create one with the following content:
```json
{
"scripts": {
"start": "docusaurus-start",
"build": "docusaurus-build",
"publish-gh-pages": "docusaurus-publish",
"examples": "docusaurus-examples"
}
}
```
Then:
```sh
# Path to your Docusaurus clone
npm install ../../path/to/docusaurus/
```
### Clowntown!
Now, we have a bit of clowntown here in the way symlinks are handled. The above `npm install`, creates a `node_modules` directory with a symlink in it. And errors will result if you try to access the local site after starting the server (as you do below). You will get something like this error:
```
Error: Couldn't find preset "react" relative to directory
```
So, you should install these packages locally. **Base the versions on the versions defined in the Docusaurus `package.json`**. e.g.,
```bash
# Still in the website directory of the testing project
npm install babel-plugin-transform-class-properties@^6.24.1
npm install babel-plugin-transform-object-rest-spread@^6.26.0
npm install react@^15.5.4
npm install babel-preset-env@^1.6.0
npm install babel-preset-react@^6.24.0
```
### Test
```bash
./node_modules/.bin/docusaurus-examples # or whatever you want to test, if anything
./node_modules/.bin/docusaurus-start
```
## Use Verdaccio
Verdaccio is a good local npm server that you can use to test your packages.
### Install verdaccio
```bash
npm install --global verdaccio
```
### Publish to verdaccio
When you are ready to test the code that could make up the next version of your package, you can publish locally to verdaccio
Run verdaccio in a **separate terminal window**:
```bash
verdaccio
```
In another terminal window, get ready to publish your local npm package:
```bash
# Your clone of Docusaurus
cd /path/to/docusaurus/
# use anything for user, password, email
# You should only have to do this once as long as you keep verdaccio installed
npm adduser --registry http://localhost:4873
npm publish --registry http://localhost:4873
```
You can navigate to localhost:4873 and you can see that your package was published. You can also see it showing you the steps you ran above as well.
### Install the local npm package and test
Now install the package in the repo you want to test Docusaurus on.
```bash
cd /path/to/testing_project/
mkdir website # if this does not exist already
cd website
```
If you do not have a `package.json` file in the `website` directory, create one with the following content:
```json
{
"scripts": {
"start": "docusaurus-start",
"build": "docusaurus-build",
"publish-gh-pages": "docusaurus-publish",
"examples": "docusaurus-examples"
}
}
```
Then:
```bash
npm install docusaurus --registry http://localhost:4873 # this may be slower than the normal npm registry
npm run examples # or whatever you want to test, if anything
npm run start
```