npmpackage.info

Gathering detailed insights and metrics for monaco-editor-esm-webpack-plugin

Other packages similar to monaco-editor-esm-webpack-plugin

monaco-editor-webpack-plugin-esm

7.1.1

A webpack plugin for the Monaco Editor

Gathering detailed insights and metrics for monaco-editor-esm-webpack-plugin

monaco-editor-esm-webpack-plugin

2.1.0

MIT

JavaScript

513.00 B

68,448 1.7

Installations

npm install monaco-editor-esm-webpack-plugin

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Node Version

15.10.0

NPM Version

7.5.3 Score

25.8

Supply Chain

49.6

Quality

74.5

Maintenance

100

Vulnerability

99.3

License

Pull Requests

Open

5

Total

12

Closed

3

Merged

4

Issues

Open

0

Total

13

Closed

13

Releases

Unable to fetch releases

Contributors

Unable to fetch Contributors

View all 1 contributors

Languages

JavaScript

JavaScript (100%)

Developer

wang12124468

Download Statistics

Total Downloads

68,448

Last Day

Last Week

Last Month

594

Last Year

18,414

GitHub Statistics

29 Stars

33 Commits

3 Forks

1 Watching

9 Branches

1 Contributors

Bundle Size

1.06 kB

Minified

513.00 B

Minified + Gzipped

Bundlephobia

Maintainers

Package Meta Information

Latest Version

2.1.0

Package Id

monaco-editor-esm-webpack-plugin@2.1.0

Unpacked Size

58.31 kB

Size

46.74 kB

File Count

NPM Version

7.5.3

Node Version

15.10.0

Total Downloads

Cumulative downloads

Total Downloads

68,448

Last day

-18.8%

Compared to previous day

Last week

-35.7%

Compared to previous week

Last month

-48.4%

594

Compared to previous month

Last year

-13.9%

18,414

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Peer Dependencies

monaco-editor monaco-editor-nls monaco-editor-webpack-plugin webpack

Dev Dependencies

monaco-editor-webpack-plugin monaco-editor-nls webpack

Versions

monaco-editor-esm-webpack-plugin

Change log

It dependency on monaco-editor-webpack-plugin.
If you want copy a monaco editor with localization, you can see primefaces-monaco

The webpack's plugin for monaco editor to compile the worker and handle with localization.

Installing

npm install monaco-editor-esm-webpack-plugin --save-dev

npm install monaco-editor monaco-editor-webpack-plugin monaco-editor-nls

Using

webpack.config.js

const MonacoWebpackPlugin = require('monaco-editor-esm-webpack-plugin');

module.exports = {
    entry: './index.js',
    output: {
        path: path.resolve(__dirname, 'dist'),
        filename: 'app.js'
    },
    module: {
        rules: [
            {
                test: /\.js/,
                enforce: 'pre',
                include: /node_modules[\\\/]monaco-editor[\\\/]esm/,
                use: MonacoWebpackPlugin.loader
            },
            {
                test: /\.css$/,
                use: ['style-loader', 'css-loader']
            }
        ]
    },
    plugins: [
        new MonacoWebpackPlugin()
    ]
};

Localization

Set the locale data in your code

// index.js
import { setLocaleData } from 'monaco-editor-nls';
import zh_CN from 'monaco-editor-nls/locale/zh-hans';

setLocaleData(zh_CN);

// You must import/require after `setLocaleData`
// Do not use `import * as monaco from 'XXX'`, but can use `import('xxx').then(XXX)`
const monaco = require('monaco-editor/esm/vs/editor/editor.api');

monaco.editor.create(document.getElementById('root'), { language: 'javascript' });

Options

There only two options for this plugin. But you can set the monaco-editor-webpack-plugin's options in this options. such as: new MonacoWebpackPlugin({ languages: ['typescript'] })

isMonacoEditorWebapckPlugin - whether monaco-editor-webpack-plugin is used. Default: true
isReplaceNls - whether replace the nls file. Default: true

Q & A

Why the project can't start after add the plugin with monaco-editor and monaco-editor-webpack-plugin ?

The version of monaco-editor should match with monaco-editor-webpack-plugin, you can see: https://github.com/microsoft/monaco-editor-webpack-plugin/#version-matrix

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

1.7

/10

Last Scanned on 2024-12-16

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More