Pertanyaan yang diberi tag «webpack»

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.

16
Bagaimana saya bisa menggunakan ES6 di webpack.config.js?
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 kebutuhan.
210 webpack 

5
ES6 mengekspor / mengimpor dalam file indeks
Saat ini saya menggunakan ES6 di aplikasi Bereaksi via webpack / babel. Saya menggunakan file indeks untuk mengumpulkan semua komponen modul dan mengekspornya. Sayangnya, yang terlihat seperti ini: import Comp1_ from './Comp1.jsx'; import Comp2_ from './Comp2.jsx'; import Comp3_ from './Comp3.jsx'; export const Comp1 = Comp1_; export const Comp2 = Comp2_; …

5
Bagaimana mencegah moment.js dari memuat lokal dengan webpack?
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 permintaan tarik untuk memperbaikinya. Tetapi apakah ada cara kita dapat …

9
Webpack.config cara menyalin indeks.html ke folder dist
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: /\.ts$/, loader: 'awesome-typescript-loader' }, { test: …
189 webpack 

13
Bagaimana cara membuat server dev webpack berjalan pada port 80 dan pada 0.0.0.0 agar dapat diakses publik?
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 telah mencoba membaca kode sumber di repo di atas …

6
Bagaimana cara menambahkan font untuk membuat proyek berbasis-aplikasi?
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: local('Myriad Pro Regular'), url('MYRIADPRO-REGULAR.woff') format('woff'); } Ada saran? - EDIT Termasuk …

4
Bagaimana cara menggabungkan skrip vendor secara terpisah dan membutuhkannya sesuai kebutuhan dengan Webpack?
Saya mencoba melakukan sesuatu yang saya yakini mungkin terjadi, tetapi saya benar-benar tidak mengerti bagaimana melakukannya hanya dari dokumentasi webpack. Saya menulis perpustakaan JavaScript dengan beberapa modul yang mungkin atau tidak bergantung satu sama lain. Selain itu, jQuery digunakan oleh semua modul dan beberapa dari mereka mungkin memerlukan plugin jQuery. …

9
di mana file konfigurasi webpack buat-reaksi-aplikasi?
Saya membuat proyek ReactJS dengan create-react-apppaket dan itu bekerja dengan baik, tetapi saya tidak dapat menemukan file dan konfigurasi webpack. Bagaimana cara kerja reaksi-membuat-aplikasi dengan webpack? Di mana file konfigurasi webpack berada dalam instalasi default create-react-app? Saya tidak dapat menemukan file konfigurasi di folder proyek saya. Saya belum membuat file …

7
Cara membuat beberapa jalur output di konfigurasi Webpack
Adakah yang tahu cara membuat beberapa jalur output di file webpack.config.js? Saya menggunakan bootstrap-sass yang datang dengan beberapa file font yang berbeda, dll. Untuk webpack untuk memproses ini saya telah menyertakan file-loader yang berfungsi dengan benar, namun file yang outputnya disimpan ke jalur output yang saya tentukan untuk sisa file …
165 path  output  config  webpack  loader 

11
Penyelesaian membutuhkan jalur dengan webpack
Saya masih bingung bagaimana menyelesaikan jalur modul dengan webpack. Sekarang saya menulis: myfile = require('../../mydir/myfile.js') tapi saya ingin menulis myfile = require('mydir/myfile.js') Saya berpikir bahwa resol.alias dapat membantu karena saya melihat contoh serupa menggunakan { xyz: "/some/dir" }alias maka saya bisa require("xyz/file.js"). Tetapi jika saya mengatur alias saya untuk { …


5
Gulp + Webpack atau JUST Webpack?
Saya melihat orang menggunakan tegukan dengan webpack. Tapi kemudian saya membaca webpack dapat menggantikan tegukan? Saya benar-benar bingung di sini ... bisakah seseorang menjelaskan? MEMPERBARUI pada akhirnya saya mulai dengan tegukan. Saya baru mengenal front-end modern dan hanya ingin bangun dan berlari cepat. Sekarang saya sudah cukup basah setelah lebih …
161 node.js  webpack  gulp 

16
Kesalahan: Tidak dapat menemukan modul 'webpack'
Saya baru memulai dengan webpack dan saya mengalami kesulitan untuk mendapatkan sampel multi-entry-point untuk dibuat. File webpack.config.js dalam contoh termasuk baris var CommonsChunkPlugin = require("../../lib/optimize/CommonsChunkPlugin"); yang gagal untuk saya dengan kesalahan Error: Cannot find module '../../lib/optimize/CommonsChunkPlugin' Mencari-cari di sekitar, saya menemukan contoh lain menggunakan CommonsChunkPlugin dengan ekspresi var commonsPlugin = …
151 node.js  webpack 

16
Pembatasan impor buat-reaksi-aplikasi di luar direktori src
Saya menggunakan aplikasi create-react-app. Saya mencoba memanggil gambar dari folder publik saya dari file di dalam folder saya src/components. Saya menerima pesan kesalahan ini. ./src/components/website_index.js Modul tidak ditemukan: Anda berusaha mengimpor ../../public/images/logo/WC-BlackonWhite.jpg yang berada di luar direktori src / direktori proyek. Impor relatif di luar src / tidak didukung. Anda …


Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.