Webpack adalah bundler modul JavaScript. Webpack mengambil modul dengan dependensi dan menghasilkan aset statis yang mewakili modul tersebut. Fitur utama Webpack berakar pada ekstensibilitas dan memungkinkan pengembang untuk menggunakan praktik terbaik dalam Arsitektur Web dan Kinerja Web.
Saya mencoba merangkum pengetahuan saya tentang pengelola paket JavaScript, bundler, dan pelari tugas paling populer. Harap perbaiki saya jika saya salah: npm& boweradalah manajer paket. Mereka hanya mengunduh dependensi dan tidak tahu bagaimana membangun proyek sendiri. Yang mereka tahu...
Saya menggunakan Webpack di aplikasi saya, di mana saya membuat dua titik masuk - bundle.js untuk semua file / kode JavaScript saya, dan vendor.js untuk semua perpustakaan seperti jQuery dan React. Apa yang harus saya lakukan untuk menggunakan plugin yang memiliki jQuery sebagai dependensinya dan...
Apa metode terbaik untuk bundel Angular (versi 2, 4, 6, ...) untuk produksi di server web langsung. Harap sertakan versi Angular dalam jawaban sehingga kami dapat melacak dengan lebih baik saat berpindah ke rilis
Saya mencoba untuk pindah dari Gulpke Webpack. Di GulpSaya punya tugas yang menyalin semua file dan folder dari / static / folder ke / build / folder. Bagaimana caranya melakukan hal yang sama Webpack? Apakah saya memerlukan
Saya baru mengenal webpack, dan saya memerlukan bantuan dalam pengaturan untuk membuat peta sumber. Saya menjalankan webpack servedari baris perintah, yang mengkompilasi dengan sukses. Tapi aku benar-benar membutuhkan peta sumber. Ini milik saya webpack.config.js. var webpack =
Saya telah membuat proyek React kosong, menggunakan perintah: npx create-react-app pada npm v7.0.7 dan Node v15.0.1 Dipasang: React v17.0.1, node-sass v5.0.0, Kemudian saya mencoba mengimpor file .scss kosong ke komponen App: App.js import './App.scss' function App() { return ( <div...
Saya mencoba mengonversi aplikasi sudut dari tegukan ke webpack. dalam gulp saya menggunakan gulp-preprocess untuk mengganti beberapa variabel pada halaman html (mis. nama basis data) tergantung pada NODE_ENV. Apa cara terbaik untuk mencapai hasil yang serupa dengan
Saya memulai proyek vue.js baru jadi saya menggunakan alat vue-cli untuk merancah proyek webpack baru (yaitu vue init webpack). Saat saya sedang menelusuri file yang dihasilkan, saya perhatikan impor berikut dalam src/router/index.jsfile: import Vue from 'vue' import Router from...
Saya menggunakan Angular 2+ dan Angular CLI. Bagaimana cara menambahkan font-mengagumkan ke proyek
Dokumen Webpack menyatakan bahwa output.publicPath: Dari output.pathtampilan JavaScript. Bisakah Anda jelaskan apa artinya ini sebenarnya? Saya menggunakan output.pathdan output.filenameuntuk menentukan di mana Webpack harus menampilkan hasilnya, tapi saya tidak yakin apa yang harus...
Saya telah membaca beberapa halaman tentang Penggantian Modul Panas di Webpack. Bahkan ada aplikasi sampel yang menggunakannya . Saya sudah membaca semua ini dan masih belum mengerti. Apa yang bisa saya lakukan dengannya? Apakah itu seharusnya hanya digunakan dalam pengembangan dan bukan...
Saya punya dua pertanyaan. 1) CSS Loader dan Style Loader adalah dua webpack loader. Saya tidak bisa memahami perbedaan antara keduanya. Mengapa saya harus menggunakan dua loader ketika keduanya melakukan pekerjaan yang sama? 2) Apa ini .useable.less dan .useable.css yang disebutkan dalam file...
Ini milik saya webpack.config.js var webpack = require("webpack"); module.exports = { entry: "./entry.js", devtool: "source-map", output: { path: "./dist", filename: "bundle.min.js" }, plugins: [ new webpack.optimize.UglifyJsPlugin({minimize: true}) ] }; Saya membangun dengan $...
Saya membuat aplikasi Angular pertama saya dan saya akan mencari tahu apa peran pemuat modul. Kenapa kita membutuhkannya? Saya mencoba mencari dan mencari di Google dan saya tidak mengerti mengapa kita perlu menginstal salah satunya untuk menjalankan aplikasi kita? Tidak bisakah itu cukup dengan...
Saya mencoba menjalankan beberapa kode ES6 di proyek saya, tetapi saya mendapatkan kesalahan token ekspor yang tidak terduga. export class MyClass { constructor() { console.log("es6");
Bagaimana cara menggunakan ES6 di webpack.config? Suka repo ini https://github.com/kriasoft/react-starter-kit ? Misalnya: menggunakan ini import webpack from 'webpack'; dari pada var webpack = require('webpack'); Ini merupakan rasa ingin tahu daripada
Apakah ada cara Anda bisa berhenti moment.jsmemuat semua lokal (saya hanya perlu bahasa Inggris) ketika Anda menggunakan webpack? Saya melihat sumbernya dan tampaknya jika hasModuledidefinisikan, yang untuk webpack, maka ia selalu mencoba ke require()setiap lokal. Saya cukup yakin ini membutuhkan...
Saya mencoba untuk mengotomatisasi aset masuk ke / dist. Saya memiliki config.js berikut: module.exports = { context: __dirname + "/lib", entry: { main: [ "./baa.ts" ] }, output: { path: __dirname + "/dist", filename: "foo.js" }, devtool: "source-map", module: { loaders: [ { test:...
Saya baru di seluruh dunia node / reactjs jadi minta maaf jika pertanyaan saya terdengar konyol. Jadi saya bermain-main dengan reactabular.js . Setiap kali saya melakukan npm startitu selalu berjalan localhost:8080. Bagaimana cara mengubahnya agar berjalan 0.0.0.0:8080agar dapat diakses publik?...
Saya menggunakan create-react-app dan memilih untuk tidak melakukannya eject. Tidak jelas ke mana font yang diimpor melalui @ font-wajah dan dimuat secara lokal harus pergi. Yaitu, saya memuat @font-face { font-family: 'Myriad Pro Regular'; font-style: normal; font-weight: normal; src:...