2. 程式人生 > >CKEditor config.js 詳細配置說明

CKEditor config.js 詳細配置說明

阿新 • • 發佈：2019-01-30

【config.js檔案的配置】

CKEDITOR.config.autoGrow_maxHeight

示例：

CKEDITOR.config.autoGrow_maxHeight = 400;

預設值：0

CKEDITOR.config.autoGrow_minHeight

示例：

CKEDITOR.config.autoGrow_minHeight = 300;

預設值：200

CKEDITOR.config.autoUpdateElement

當提交包含有此編輯器的表單時，是否自動更新元素內的資料。

示例：

CKEDITOR.config.autoUpdateElement = true;

預設值：true

CKEDITOR.config.baseFloatZIndex

編輯器的z-index值。

示例：

CKEDITOR.config.baseFloatZIndex = 2000;

預設值：10000

CKEDITOR.config.baseHref

設定是使用絕對目錄還是相對目錄，空為相對目錄。

示例：

CKEDITOR.config.baseHref = 'http://www.example.com/path/';

預設值：(空)

CKEDITOR.config.blockedKeystrokes

設定快捷鍵，可能與瀏覽器快捷鍵衝突。plugins/keystrokes/plugin.js

示例：

CKEDITOR.config.blockedKeystrokes = [

CKEDITOR.CTRL + 66 /*B*/,

CKEDITOR.CTRL + 73 /*I*/,

CKEDITOR.CTRL + 85 /*U*/

]

預設值：如示例

CKEDITOR.config.bodyClass

設定編輯器body的class。

示例：

CKEDITOR.config.bodyClass = 'contents';

預設值：(空)

CKEDITOR.config.bodyId

設定編輯器body的ID。

示例：

CKEDITOR.config.bodyId = 'contents_id';

預設值：(空)

CKEDITOR.config.BrowserContextMenuOnCtrl

示例：

CKEDITOR.config.BrowserContextMenuOnCtrl = false;

預設值：true

CKEDITOR.config.colorButton_backStyle

設定編輯內元素的背景色的取值。plugins/colorbutton/plugin.js

示例：

CKEDITOR.config.colorButton_backStyle = {

element : 'span',

styles : { 'background-color' : '#(color)' }

};

預設值：如示例

CKEDITOR.config.colorButton_colors

設定前景色的取值。plugins/colorbutton/plugin.js

示例：

CKEDITOR.config.colorButton_colors = '00923E,F8C100,28166F';

CKEDITOR.config.colorButton_colors = 'FontColor1/FF9900,FontColor2/0066CC,FontColor3/F00';

預設值：

'000,800000,8B4513,2F4F4F,008080,000080,4B0082,696969,B22222,A52A2A,DAA520,006400,40E0D0,

0000CD,800080,808080,F00,FF8C00,FFD700,008000,0FF,00F,EE82EE,A9A9A9,FFA07A,FFA500,FFFF00,

00FF00,AFEEEE,ADD8E6,DDA0DD,D3D3D3,FFF0F5,FAEBD7,FFFFE0,F0FFF0,F0FFFF,F0F8FF,E6E6FA,FFF'

CKEDITOR.config.colorButton_enableMore

是否在選擇顏色時顯示“其它顏色”選項。plugins/colorbutton/plugin.js

示例：

CKEDITOR.config.colorButton_enableMore = false;

預設值：false

CKEDITOR.config.colorButton_foreStyle

區塊的前景色預設值設定。plugins/colorbutton/plugin.js

示例：

CKEDITOR.config.colorButton_foreStyle = {

element : 'span',

styles : { 'color' : '#(color)' }

};

預設值：如示例

CKEDITOR.config.contentsCss

所需要新增的CSS檔案，在此新增，可使用相對路徑和網站的絕對路徑。

示例：

CKEDITOR.config.contentsCss = '../contents.css';

CKEDITOR.config.contentsCss = ['/css/mysitestyles.css', '/css/anotherfile.css'];

預設值：'/contents.css'

 CKEDITOR.config.contentsLangDirection

文字方向。可設定：

ui(根據系統設定)

ltr(從左到右)

rtl(從右到左)

示例：

CKEDITOR.config.contentsLangDirection = 'rtl';

預設值：'ui'

CKEDITOR.config.contentsLanguage

示例：

CKEDITOR.config.contentsLanguage = 'fr';

預設值：根據系統設定

CKEDITOR.config.corePlugins

CKEDITOR.config.coreStyles_bold

示例：

config.coreStyles_bold = { element : 'b', overrides : 'strong' };

config.coreStyles_bold = { element : 'span', attributes : {'class': 'Bold'} };

CKEDITOR.config.coreStyles_italic

示例：

config.coreStyles_italic = { element : 'i', overrides : 'em' };

CKEDITOR.config.coreStyles_italic = { element : 'span', attributes : {'class': 'Italic'} };

CKEDITOR.config.coreStyles_strike

示例：

CKEDITOR.config.coreStyles_strike = { element : 'span', attributes : {'class': 'StrikeThrough'}, overrides : 'strike' };

CKEDITOR.config.coreStyles_subscript

示例：

CKEDITOR.config.coreStyles_subscript = { element : 'span', attributes : {'class': 'Subscript'}, overrides : 'sub' };

CKEDITOR.config.coreStyles_superscript

示例：

CKEDITOR.config.coreStyles_superscript = { element : 'span', attributes : {'class': 'Superscript'}, overrides : 'sup' };

CKEDITOR.config.coreStyles_underline

示例：

CKEDITOR.config.coreStyles_underline = { element : 'span', attributes : {'class': 'Underline'}};

CKEDITOR.config.customConfig

CKeditor的配置檔案，若不想配置，留空即可。

示例：

// 需要載入配置檔案。

CKEDITOR.replace( 'myfiled', { customConfig : '/myconfig.js' } );

// 不需要載入任何配置檔案。

CKEDITOR.replace( 'myfiled', { customConfig : '' } );

預設值：/config.js'

CKEDITOR.config.defaultlanguage

示例：

CKEDITOR.config.defaultlanguage = 'it';

預設值：'en'

CKEDITOR.config.dialog_backgroundCoverColor

介面編輯框的背景色。plugins/dialog/plugin.js

示例：

CKEDITOR.config.dialog_backgroundCoverColor = 'rgb(255, 254, 253)';

預設值：'white'

CKEDITOR.config.dialog_backgroundCoverOpacity

遮罩背景的不透明度，數值應該在：0.0～1.0 之間。plugins/dialog/plugin.js

示例：

CKEDITOR.config.dialog_backgroundCoverOpacity = 0.7

預設值：0.5

CKEDITOR.config.dialog_magnetDistance

移動或者改變元素時，邊框的吸附距離，單位：畫素。plugins/dialog/plugin.js

示例：

CKEDITOR.config.dialog_magnetDistance = 30;

預設值：20

CKEDITOR.config.dialog_startupFocusTab

示例：

CKEDITOR.config.dialog_startupFocusTab = true;

預設值：false

CKEDITOR.config.disableNativeSpellChecker

是否拒絕本地拼寫檢查和提示，目前僅firefox和safari支援。plugins/wysiwygarea/plugin.js

示例：

CKEDITOR.config.disableNativeSpellChecker = false;

預設值：ture

CKEDITOR.config.disableNativeTableHandles

進行表格編輯功能，如：新增行或列。目前僅firefox支援。plugins/wysiwygarea/plugin.js

示例：

CKEDITOR.config.disableNativeTableHandles = false;

預設值：true

CKEDITOR.config.disableObjectResizing

是否開啟圖片和表格的改變大小的功能。

示例：

CKEDITOR.config.disableObjectResizing = true;

預設值：false

CKEDITOR.config.docType

設定HTML文件型別。

示例：

CKEDITOR.config.docType = '';

預設值：''

CKEDITOR.config.editingBlock

是否對編輯區域進行渲染。plugins/editingblock/plugin.js

示例：

CKEDITOR.config.editingBlock = false;

預設值：ture

CKEDITOR.config.emailProtection

示例：

// href=”mailto:[email protected]?subject=subject&body=body”

CKEDITOR.config.emailProtection = '';

// href=”e-mail”

CKEDITOR.config.emailProtection = 'encode'

// href=”JavaScript:mt('tester','ckeditor.com','subject','body')

CKEDITOR.config.emailProtection = 'mt(NAME,DOMAIN,SUBJECT,BODY)'

預設值：空(等於disabled)

CKEDITOR.config.enableTabKeyTools

示例：

config.enableTabKeyTools = false;

預設值：ture

CKEDITOR.config.enterMode

編輯器中回車產生的標籤，可設定：

CKEDITOR.ENTER_P

CKEDITOR.ENTER_BR

CKEDITOR.ENTER_DIV

示例：

CKEDITOR.config.enterMode = CKEDITOR.ENTER_BR;

CKEDITOR.config.entities

是否使用HTML實體進行輸出。plugins/entities/plugin.js

示例：

CKEDITOR.config.entities = false;

預設值：ture

CKEDITOR.config.entities_additiona

定義更多的實體。plugins/entities/plugin.js

預設值：'#39'(單引號)

CKEDITOR.config.entities_greek

是否轉換一些難以顯示的字元為相應的HTML字元。plugins/entities/plugin.js

示例：

CKEDITOR.config.entities_greek = false;

預設值：true

CKEDITOR.config.entities_latin

是否轉換一些拉丁字元為HTML。plugins/entities/plugin.js

示例：

CKEDITOR.config.entities_latin = false;

預設值：true

CKEDITOR.config.extraPlugins

新增新元件。

示例：

CKEDITOR.config.extraPlugins = 'myplugin,anotherplugin';

CKEDITOR.config.filebrowserBrowseUrl

示例：

CKEDITOR.config.filebrowserBrowseUrl = '/browser/browser.php';

預設值：空(等於disabled)

CKEDITOR.config.filebrowserFlashBrowseUrl

示例：

config.filebrowserFlashBrowseUrl = '/browser/browse.php?type=Flash';

預設值：空(等於disabled)

CKEDITOR.config.filebrowserFlashUploadUrl

示例：

CKEDITOR.config.filebrowserFlashUploadUrl = '/uploader/upload.php?type=Flash';

預設值：空(等於disabled)

CKEDITOR.config.filebrowserImageBrowseLinkUrl

示例：

CKEDITOR.config.filebrowserImageBrowseLinkUrl = '/browser/browser.php';

預設值：空(等於disabled)

CKEDITOR.config.filebrowserImageBrowseUrl

示例：

CKEDITOR.config.filebrowserImageBrowseUrl = '/browser/browser.php?type=Image';

預設值：空(等於disabled)

CKEDITOR.config.filebrowserImageUploadUrl

示例：

CKEDITOR.config.filebrowserImageUploadUrl = '/uploader/upload.php?type=Image';

預設值：空(等於disabled)

CKEDITOR.config.filebrowserUploadUrl

示例：

CKEDITOR.config.filebrowserUploadUrl = '/uploader/upload.php';

預設值：空(等於disabled)

CKEDITOR.config.filebrowserWindowFeatures

示例：

config.filebrowserWindowFeatures = 'resizable=yes,scrollbars=no';

預設值：

'location=no,menubar=no,toolbar=no,dependent=yes,minimizable=no,modal=yes,alwaysRaised=yes,resizable=yes,scrollbars=yes'

CKEDITOR.config.find_highlight

使用搜索時的高亮色。plugins/find/plugin.js

示例：

CKEDITOR.config.find_highlight = {

element : 'span',

styles : { 'background-color' : '#ff0', 'color' : '#00f' }

};

CKEDITOR.config.font_defaultLabel

預設的字型名。plugins/font/plugin.js

示例：

CKEDITOR.config.font_defaultLabel = 'Arial';

CKEDITOR.config.font_names

字型編輯時的字符集，可以新增常用的中文字元：宋體、楷體、黑體等。plugins/font/plugin.js

示例：

CKEDITOR.config.font_names =

'Arial/Arial, Helvetica; sans-serif;'+

'Times New Roman/ Times New Roman, Times, serif;'+

'Verdana';

CKEDITOR.config.font_names = 'Arial;Times New Roman;Verdana';

CKEDITOR.config.font_style

文字的預設式樣。plugins/font/plugin.js

示例：

CKEDITOR.config.font_style = {

element   : 'span',

styles   : { 'font-family' : '#(family)' },

overrides : [ { element : 'font', attributes : { 'face' : null } } ]

};

CKEDITOR.config.fontSize_defaultLabel

字型預設大小。plugins/font/plugin.js

示例：

CKEDITOR.config.fontSize_defaultLabel = '12px';

CKEDITOR.config.fontSize_sizes

字型編輯時可選的字型大小。plugins/font/plugin.js

示例：

CKEDITOR.config.fontSize_sizes ='16/16px;24/24px;48/48px;';

CKEDITOR.config.fontSize_sizes ='12px;2.3em;130%;larger;x-small'

CKEDITOR.config.fontSize_sizes ='12 Pixels/12px;Big/2.3em;30 Percent More/130%;Bigger/larger;Very Small/x-small';

預設值：

'8/8px;9/9px;10/10px;11/11px;12/12px;14/14px;16/16px;18/18px;20/20px;22/22px;24/24px;26/26px;28/28px;36/36px;48/48px;72/72px'

CKEDITOR.config.fontSize_style

設定字型大小時使用的式樣。plugins/font/plugin.js

示例：

CKEDITOR.config.fontSize_style = {

element   : 'span',

styles   : { 'font-size' : '#(size)' },

overrides : [ { element : 'font', attributes : { 'size' : null } } ]

};

預設值：如示例

CKEDITOR.config.forcePasteAsPlainText

是否強制複製來的內容去除格式。plugins/pastetext/plugin.js

示例：

CKEDITOR.config.forcePasteAsPlainText =true;

預設值：false

CKEDITOR.config.format_address

對address標籤進行格式化。plugins/format/plugin.js

示例：

CKEDITOR.config.format_address = { element : 'address', attributes : { class : 'styledAddress' } };

CKEDITOR.config.format_div

對DIV標籤自動進行格式化。plugins/format/plugin.js

示例：

CKEDITOR.config.format_div = { element : 'div', attributes : { class : 'normalDiv' } };

CKEDITOR.config.format_h1

對H1標籤自動進行格式化。plugins/format/plugin.js

示例：

CKEDITOR.config.format_h1 = { element : 'h1', attributes : { class : 'contentTitle1' } };

CKEDITOR.config.format_h2

對H2標籤自動進行格式化。plugins/format/plugin.js

示例：

CKEDITOR.config.format_h2 = { element : 'h2', attributes : { class : 'contentTitle2' } };

CKEDITOR.config.format_h3

對H3標籤自動進行格式化。plugins/format/plugin.js

示例：

CKEDITOR.config.format_h3 = { element : 'h3', attributes : { class : 'contentTitle3' } };

CKEDITOR.config.format_h4

對H4標籤自動進行格式化。plugins/format/plugin.js

示例：

CKEDITOR.config.format_h4 = { element : 'h4', attributes : { class : 'contentTitle4' } };

CKEDITOR.config.format_h5

對H5標籤自動進行格式化。plugins/format/plugin.js

示例：

CKEDITOR.config.format_h5 = { element : 'h5', attributes : { class : 'contentTitle5' } };

CKEDITOR.config.format_h6

對H6標籤自動進行格式化。plugins/format/plugin.js

示例：

CKEDITOR.config.format_h6 = { element : 'h6', attributes : { class : 'contentTitle6' } };

CKEDITOR.config.format_p

對P標籤自動進行格式化。plugins/format/plugin.js

示例：

CKEDITOR.config.format_p = { element : 'p', attributes : { class : 'normalPara' } };

CKEDITOR.config.format_pre

對PRE標籤自動進行格式化。plugins/format/plugin.js

示例：

CKEDITOR.config.format_pre = { element : 'pre', attributes : { class : 'code' } };

CKEDITOR.config.format_tags

用分號分隔的標籤名字，在工具欄上顯示。plugins/format/plugin.js

示例：

CKEDITOR.config.format_tags = 'p;h2;h3;pre';

預設值：p;h1;h2;h3;h4;h5;h6;pre;address;div

CKEDITOR.config.fullPage

是否使用完整的html編輯模式，如使用，其原始碼將包含：html等標籤。

示例：

CKEDITOR.config.fullPage = true;

預設值：false

CKEDITOR.config.height

設定高度。

示例：

CKEDITOR.config.height = 500;

CKEDITOR.config.height = 25em;

CKEDITOR.config.height = 300px;

預設值：'200'

CKEDITOR.config.htmlEncodeOutput

示例：

CKEDITOR.config.htmlEncodeOutput = true;

預設值：false

CKEDITOR.config.ignoreEmptyParagraph

是否忽略段落中的空字元，若不忽略，則字元將以""表示。plugins/wysiwygarea/plugin.js

示例：

CKEDITOR.config.ignoreEmptyParagraph = false;

預設值：true

CKEDITOR.config.image_previewText

插入圖片中預覽圖片框的文字。

示例：

CKEDITOR.config.image_previewText = CKEDITOR.tools.repeat('__',100)

預設值：

CKEDITOR.config.image_removeLinkByEmptyURL

在清除圖片屬性框中的連結屬性時，是否同時清除兩邊的標籤。plugins/image/plugin.js

示例：

CKEDITOR.config.image_removeLinkByEmptyURL = false;

預設值：true

CKEDITOR.config.keystrokes

設定快捷鍵。

示例：

CKEDITOR.config.keystrokes = [

[ CKEDITOR.ALT + 121 /*F10*/, 'toolbarFocus' ], //獲取焦點

[ CKEDITOR.ALT + 122 /*F11*/, 'elementsPathFocus' ], //元素焦點

[ CKEDITOR.SHIFT + 121 /*F10*/, 'contextMenu' ], //文字選單

[ CKEDITOR.CTRL + 90 /*Z*/, 'undo' ], //撤銷

[ CKEDITOR.CTRL + 89 /*Y*/, 'redo' ], //重做

[ CKEDITOR.CTRL + CKEDITOR.SHIFT + 90 /*Z*/, 'redo' ], //

[ CKEDITOR.CTRL + 76 /*L*/, 'link' ], //連結

[ CKEDITOR.CTRL + 66 /*B*/, 'bold' ], //粗體

[ CKEDITOR.CTRL + 73 /*I*/, 'italic' ], //斜體

[ CKEDITOR.CTRL + 85 /*U*/, 'underline' ], //下劃線

[ CKEDITOR.ALT + 109 /*-*/, 'toolbarCollapse' ]

]

CKEDITOR.config.language

介面語言。

示例：

CKEDITOR.config.language = 'zh-cn';

預設值：空

CKEDITOR.config.linkShowTargetTab 

是否顯示插入連結對話方塊中的“目標”標籤。

示例：

CKEDITOR.config.linkShowTargetTab = false;;

預設值：true

CKEDITOR.config.linkShowAdvancedTab

是否顯示插入連結對話方塊中的“高階”標籤。 。。。個

示例：

CKEDITOR.config.linkShowAdvancedTab = false; 

預設值：true

CKEDITOR.config.menu_groups

一組用逗號分隔的標籤名稱，顯示在左下角的層次巢狀中。plugins/menu/plugin.js

示例：

CKEDITOR.config.menu_groups =' clipboard,table,anchor,link,image';

預設值：'clipboard,form,tablecell,tablecellproperties,tablerow,tablecolumn,table,anchor,

link,image,flash,checkbox,radio,textfield,hiddenfield,imagebutton,button,select,textarea'

CKEDITOR.config.menu_subMenuDelay

顯示子選單時的延遲，單位：ms。plugins/menu/plugin.js

示例：

CKEDITOR.config.menu_subMenuDelay = 0;

預設值：400

CKEDITOR.config.newpage_html

當執行“新建”命令時，編輯器中的內容。plugins/newpage/plugin.js

示例：

CKEDITOR.config.newpage_html = '

Type you text here.

';

預設值：空

CKEDITOR.config.pasteFromWordCleanupFile

示例：

CKEDITOR.config.pasteFromWordCleanupFile = 'custom';

預設值：default

CKEDITOR.config.pasteFromWordNumberedHeadingToList

示例：

CKEDITOR.config.pasteFromWordNumberedHeadingToList = true;

預設值：false

CKEDITOR.config.pasteFromWordPromptCleanup

示例：

相關推薦

CKEditor config.js 詳細配置說明

【config.js檔案的配置】 CKEDITOR.config.autoGrow_maxHeight 示例： CKEDITOR.config.autoGrow_maxHeight = 400; 預設值：0 CKEDITOR.config.autoGrow_minHeight 示例： CKE

Webpack配置詳解（package.json/webpack.config.js詳細配置 ）

Webpack配置詳解（package.json/webpack.config.js詳細配置 ） webpack安裝 package.json配置以及模組安裝 webpack.config.js配置 開啟webpack-dev-server服務 熱替換外掛的安裝以及配置 開啟自動開啟瀏覽器外

CKEDITOR config.js配置

ckeditor 的官方網站是 http://ckeditor.com/ ，當前使用的版本是v3.0.1。 一、使用方法： 1、在頁面<head>中引入ckeditor核心檔案ckeditor.js <script type="text/javascript" src="ckeditor/

ckeditor config.js

cleanup enter ecan popup down snippet order intern dsp /** * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All righ

[轉]webpack4.0.1安裝問題和webpack.config.js的配置變化

using ack LV rules 安裝 ont loader 問題 TP 本文轉自：https://blog.csdn.net/jiang7701037/article/details/79403637 The CLI moved into a separate pa

Webpack 4.X webpack.config.js 檔案配置（一）

通過上一篇文章，我們明白了webpack的兩個配置引數入口與出口，webpack會找到入口檔案的地址，進去後一頓蹂躪，再通過你給的輸出地址就把編譯後的檔案給你了。這篇文章接著去豐富webpack.config.js的內容，說一個引數叫plugins plugins plugins裡面放的是外掛，在webp

Mybatis-config.xml 詳細配置

XML 對映配置檔案 MyBatis 的配置檔案包含了會深深影響 MyBatis 行為的設定（settings）和屬性（properties）資訊。文件的頂層結構如下： properties 這些屬性都是可外部配置且可動態替換的，既可以在典型的 Java 屬性檔案中

nuxt.config.js 的配置

nuxt.config.js 是 Nuxt.js 的配置檔案，可以通過針對一系列引數的設定來完成 Nuxt.js 專案的配置，可以在Nuxt.js 官網 找到針對這個檔案的說明，下面舉例一些常用的配置： head: 可以在這個配置項中配置全域性的 head ，如定義網站的標題、 meta ，

webpack踩過的坑及webpack.config.js的配置

坑一 如果webpack是3以上的版本，npm install webpack --save的時候會一直提示安裝webpack-cli 以前webpack的版本包含有webpack-cl，後來webpack3+以上版本被分開了   坑二 webpack.config.j

ionic 打包ipa和apk時通用的config.xml詳細配置

<?xml version="1.0" encoding="UTF-8" standalone="yes"?><widget id="com.ionicframework.idukou597806" version="0.0.1" xmlns="http:/

webpack4.0.1安裝問題和webpack.config.js的配置變化

The CLI moved into a separate package: webpack-cli. Please install 'webpack-cli' in addition to webpack itself to use the CLI. -> When

CKEditor不能讀取config.js配置的問題

使用CKEditor讀取預設配置檔案config.js時，發現無論做了什麼修改，都無法生效，還是保持預設設定，後來網上搜索了一下，發現有條評論說是Firefox的問題，讀取不了名稱為config.js的檔案，於是改名後

[js高手之路]深入淺出webpack教程系列2-配置文件webpack.config.js詳解

基本用法 tle webpack 函數 ges 配置 ref 高手之路 pack 接著上文，重新在webpack文件夾下面新建一個項目文件夾demo2，然後用npm init --yes初始化項目的package.json配置文件，然後安裝webpack( npm inst

[js高手之路]深入淺出webpack教程系列3-配置文件webpack.config.js詳解(下)

json 學習 所在 npm chunk target get lan cnblogs 本文繼續接著上文，繼續寫下webpack.config.js的其他配置用法. 一、把兩個文件打包成一個，entry怎麽配置? 在上文中的webpack.dev.config.js中，用數

vue-cli3.x vue.config.js 跨域配置

blog 調用 art code 頁面 port tail chang then devServer: { open: true, //瀏覽器自動打開頁面 host: "0.0.0.0", //如果是真機測試，就使用這個IP

vue cli3 vue.config.js 配置詳情

module.exports = { // 基本路徑 baseUrl: process.env.NODE_ENV === 'production' ? '/' : '/', // 輸出檔案目錄 outputDir: 'dist', // 預設dist /

webpack.config.js的loaders和配置

  1，loaders 1, babel-loader: npm install --save-dev [email protected] babel-core babel-preset-env { test: /\.js$/, exclude:

rabbitmq.config詳細配置引數

rabbitmq.config詳細配置引數 詳細使用方法請點選：http://blog.csdn.net/Super_RD/article/details/70327503 Key Documentation

webpack.config.js配置遇到Error: Cannot find module '@babel/core'問

一、 啥問題 在配置webpack.config.js自動打包的時候,出現Error: Cannot find module '@babel/core'錯誤 最初以為是babel-core沒有安裝上。

webpack構建工具學習總結（二）webpack.config.js配置檔案解析

1、新建webpack.config.js檔案配置webpack資訊，新建src資料夾存放原始檔，新建dist資料夾存放打包後的檔案 2、在開始配置之前需要理解四個核心概念：入口（entry）、輸出（output）、loader、外掛（plugins）   1.