संपादक में Wordpress शैलियों केवल "घड़ी" के साथ काम करता

वोट
0

मैं उपयोग कर रहा हूँ Wordpress 5.4 के साथ गुटेनबर्ग संपादक और Webpack 4.2 संपत्ति बनाने के लिए। मैं अपने शैलियों (चाहते हैं app.css) जब एक पृष्ठ या पोस्ट का संपादन लोड करने के लिए।

में functions.php , मैं कहा:

function add_theme_style_to_editor(){
    add_theme_support( 'editor-styles' );
    add_editor_style( 'public/build/app.css' );
}
add_action( 'after_setup_theme', 'add_theme_style_to_editor' );

जब भी मैं चलाने yarn watchके रूप में उम्मीद सब कुछ काम करता है, मेरी शैली संपादक में लोड किए गए हैं। हालांकि, अगर मैं चलाने के yarn buildन्यूनतम किया गया निर्माण फ़ाइलें उत्पन्न करने के लिए, यह काम नहीं करता! हालांकि न्यूनतम किया गया फ़ाइल ही नाम के साथ एक ही स्थान पर सफलतापूर्वक उत्पन्न होता है, यह कोई बात नहीं। क्या गलत हो रहा जा सकता है?

मामले में यह मदद करता है, यहाँ है package.json :

{
  name: app,
  version: 1.0.0,
  scripts: {
    start: webpack-dev-server --open --mode development,
    watch: webpack --watch,
    build: webpack -p
  },
  devDependencies: {
    babel-core: ^6.26.0,
    babel-loader: ^7.1.4,
    babel-preset-es2015: ^6.24.1,
    bootstrap: ^4.4.1,
    css-loader: ^0.28.11,
    extract-text-webpack-plugin: ^4.0.0-beta.0,
    jquery: ^3.4.1,
    mini-css-extract-plugin: ^0.9.0,
    node-sass: ^4.8.3,
    popper.js: ^1.16.0,
    postcss-loader: ^3.0.0,
    sass-loader: ^6.0.7,
    style-loader: ^0.20.3,
    webpack: ^4.20.2,
    webpack-cli: ^3.1.1,
    webpack-dev-server: ^3.1.1
  }
}

और webpack.config.js :

const MiniCssExtractPlugin = require(mini-css-extract-plugin);
var path = require(path);

module.exports = {
    entry: {
        app: ./assets/app.js // this also contains an scss-import that will result in app.css, apart from app.js
    },
    output: {
        path: path.resolve(__dirname, public/build),
        filename: [name].js,
        publicPath: public/build
    },
    watch: true,
    module: {
        rules: [
            {
                test: /\.js$/,
                use: {
                    loader: babel-loader,
                    options: {presets: [es2015]}
                }
            },
            {
                test: /\.s?css$/,
                use: [
                    MiniCssExtractPlugin.loader,
                    css-loader,
                    sass-loader
                ]
            }
        ]
    },
    plugins: [
        new MiniCssExtractPlugin({
            filename: [name].css,
            chunkFilename: [id].css
        })
    ]
}
14/01/2020 को 00:00
का स्रोत उपयोगकर्ता
अन्य भाषाओं में...                            


1 जवाब

वोट
0

मुझे लगता है कि समारोह कुछ इस तरह दिखना चाहिए। प्रलेखन का कहना है कि शैली, जड़ टेम्पलेट फ़ोल्डर में है तो आप का उपयोग करना चाहिएget_template_directory_uri

function add_theme_style_to_editor() {
  add_theme_support('editor-styles');
  add_editor_style(get_template_directory_uri() . 'public/build/app.css');
}
add_action('after_setup_theme', 'add_theme_style_to_editor');

यहाँ मेरी Wordpress उदाहरण है, को देखने के devDependencies

14/01/2020 को 05:48
का स्रोत उपयोगकर्ता

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more