editörü Wordpress stilleri sadece "seyretmek" ile çalışır

oy
0

Ben kullanıyorum Wordpress 5.4 ile Gutenberg editörü ve WebPack 4.2 varlıklarını inşa etmek. Ben stilleri (istemek app.css) bir sayfa veya yazı düzenlerken yüklenecek.

In functions.php , ben ekledi:

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' );

Ben koşmak her yarn watchşeyin beklendiği gibi eserler, benim stilleri editörü yüklenir. İ çalıştırmak Ancak, yarn buildminified inşa dosyalarını oluşturmak için, çalışmıyor! Minified dosya aynı isimde aynı yerde başarıyla oluşturulur olsa da fark etmez. Ne yanlış gidiyor olabilir?

Eğer yardımı durumda, burada 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
  }
}

Ve 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
        })
    ]
}
Oluştur 14/01/2020 saat 00:00
kaynak kullanıcı
Diğer dillerde...                            


1 cevaplar

oy
0

Ben işlevi bu gibi görünmelidir düşünüyorum. Dokümantasyon kullanmanız gereken böylece stil, kök şablon klasöründe olduğunu söylerget_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');

İşte benim Wordpress örnektir, bkz devDependencies

Cevap 14/01/2020 saat 05:48
kaynak kullanıcı

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