Запитання з тегом «webpack»

Кожного разу, коли я бігаю webpackв терміналі, я отримую: Hash: efea76b1048c3a97b963 Version: webpack 1.12.13 Time: 33ms + 1 hidden modules ERROR in Cannot find module 'babel-core' Ось мій файл webpack.config.js module.exports = { entry: './app-client.js', output: { filename: 'public/bundle.js' }, module: { loaders: [ { exclude: /(node_modules|app-server.js)/, loader: 'babel' } …

84 javascript  express  reactjs  webpack  babeljs 

Я досліджую ідею використання Webpack з Backbone.js . Я дотримувався короткого керівництва і маю загальне уявлення про те, як працює Webpack, але мені незрозуміло, як завантажувати бібліотеку залежностей, таку як jquery / backbone / underscore. Чи слід їх завантажувати зовні, <script>або це щось Webpack може впоратись, як шим RequireJS? Згідно …

84 backbone.js  requirejs  amd  webpack 

У моїй папці node_modules є awesome font, тому я намагаюся імпортувати його в свій головний файл .scss так: @import "../../node_modules/font-awesome/scss/font-awesome.scss"; Але компіляція Webpack збірки не вдається, кажучи мені Error: Cannot resolve 'file' or 'directory' ../fonts/fontawesome-webfont.eot оскільки файл font-awesome.scss посилається на відносний шлях, "../fonts/". Як я можу сказати scss \ webpack …

84 node.js  sass  npm  font-awesome  webpack 

Я грав з WebPack і в процесі побудови я бачу його висновок: + 27 hidden modules. Що це означає під цим? Це виявлення глобальних констант, які я використовую, не вимагаючи їх?

83 javascript  build  webpack 

Я використовую webpack для фреймворку Node, який я будую (хоча, мабуть, мені слід скористатися ковтком). Коли я включаю модуль EJS, webpack включає його до скомпільованого джерела, хоча я явно кажу йому, щоб виключити каталог node_modules. module.exports = { context: __dirname, target: 'node', // ... output: { libraryTarget: 'commonjs' // ... …

83 javascript  webpack 

Я використовую webpack для побудови моїх компонентів реакції, і намагаюся використати, extract-text-webpack-pluginщоб відокремити мій css від згенерованого js-файлу. Однак, коли я намагаюся побудувати компонент я отримую наступне повідомлення про помилку: Module build failed: ReferenceError: window is not defined. Мій файл webpack.config.js виглядає так: var webpack = require('webpack'); var ExtractTextPlugin = …

83 reactjs  webpack 

Я використовую псевдоніми шляху webpack для завантаження модуля ES6. Наприклад, якщо я визначаю псевдонім utilsзамість чогось типу import Foo from "../../../utils/foo", я можу це зробити import Foo from "utils/foo" Проблема полягає в тому, що як тільки я починаю використовувати псевдоніми, WebStorm втрачає відстеження імпорту, і мені залишаються попередження та відсутність …

83 javascript  webstorm  webpack  es6-module-loader 

Я розумію загальну суть того, що CommonsChunkPluginпереглядає всі точки входу, перевіряє, чи є між ними загальні пакети / залежності, і розділяє їх у свій власний пакет. Отже, припустимо, у мене така конфігурація: ... enrty : { entry1 : 'entry1.js', //which has 'jquery' as a dependency entry2 : 'entry2.js', //which has …

82 javascript  webpack  bundle  webpack-plugin  commonschunkplugin 

Я намагаюся використовувати webpack-dev-server для компіляції файлів та запуску веб-сервера dev. У моєму package.jsonвластивості сценарію встановлено значення: "scripts": { "dev": "webpack-dev-server --hot --inline", } Отже, --hotі --inlineповинен увімкнути веб-сервер і гаряче перезавантаження (як я розумію). У своєму webpack.config.jsфайлі я встановив параметри введення, виводу та devServer, а також додав завантажувач для …

82 javascript  webpack  vue.js  webpack-dev-server 

Я намагаюся побудувати проект за допомогою webpack і реагувати на цю конфігурацію веб-пакета: var path = require('path'); var webpack = require('webpack'); module.exports = { entry: [ 'babel-polyfill', './app/less/main.less', './app/main.js', 'webpack-dev-server/client?http://localhost:8080' ], output: { publicPath: '/', filename: 'dist/main.js' }, debug: true, devtool: 'source-map', module: { loaders: [ { test: /\.js$/, include: …

80 reactjs  webpack  babeljs 

Зазвичай у режимі розробника Webpack працює за допомогою HTTP. Зазвичай існує веб-сервер, що обслуговує вміст через HTTP та webpack, використовуючи http / websockets на окремому порту. Чи можна запустити веб-сервер на https та webpack на https / websocket secure?

80 ssl  https  webpack  devserver 

Я використовую завантажувач стилів з веб-пакетом і реагую на фреймворк. Коли я запускаю webpack у терміналі, я отримую Module not found: Error: Cannot resolve module 'style-loader'файл import.js, хоча я правильно вказав шлях до файлу. import '../css/style.css'; import React from 'react'; import ReactDOM from 'react-dom'; import jQuery from 'jquery'; import TopicsList …

79 javascript  reactjs  webpack  webpack-style-loader 

У деяких прикладах Webpack ви бачите посилання на масив "правила": module.exports = { module: { rules: [ { test: /\.scss$/, use: ExtractTextPlugin.extract({ fallback: 'style-loader', //resolve-url-loader may be chained before sass-loader if necessary use: ['css-loader', 'sass-loader'] }) } ] }, plugins: [ new ExtractTextPlugin('style.css') //if you want to pass in options, …

79 webpack 

Особливо під час переходу від webpack v1 до v2, було б важливо програмно визначити, яка версія веб- пакета встановлена, але я не можу знайти відповідний API.

79 javascript  node.js  webpack  webpack-2  webpack-3 

Я використовую webpack + babel. У мене є три модулі, які виглядають так: // A.js // some other imports here console.log('A'); export default 'some-const'; // B.js import someConst from './A'; console.log('B', someConst); export default 'something-else'; // main.js import someConst from './A'; import somethingElse from './B'; console.log('main', someConst); Коли main.jsвиконується, я …

78 javascript  webpack  babeljs