Articles of webpack

Servant des ressources statiques dans le serveur de développement Webpack

Je lance webpack-dev-server à partir du dossier racine de mon projet. J’ai un dossier d’ actifs dans / src / assets qui est copié par CopyWebPackPlugin: new CopyWebpackPlugin([ { from: ‘src/assets’, to: ‘assets’ } ]) Si je mets logo.png à l’ intérieur du dossier d’actifs, après avoir exécuté webpack-dev-server, je ne peux pas accéder au […]

Pas d’en-tête “Access-Control-Allow-Origin” dans l’application Angular 2

Pour ce projet, je ne fais qu’apprendre et pratiquer Angular 2. Je n’ai pas de serveur et je fais des demandes d’API à barchart ondemand api . Je me demande s’il est possible de contourner le problème des cors. Je suis encore assez nouveau à tout ça, alors les instructions pour bébé sont vraiment appréciées! […]

vue modèle webpack manquant parsingur

Je viens de mettre en place un projet de vue en utilisant le modèle de webpack comme indiqué ici: http://vuejs-templates.github.io/webpack/ Cependant, après avoir exécuté npm, exécutez dev juste pour vérifier que le modèle fonctionne, j’obtiens cette erreur: Failed to comstack with 2 errors 21:49:02 error in ./src/App.vue Module build failed: Error: No parser and no […]

La construction du module a échoué: ReferenceError:

J’ai cette configuration package.json { “name”: “app02”, “version”: “1.0.0”, “description”: “”, “main”: “webpack.config.js”, “dependencies”: { “react”: “^0.14.3” }, “devDependencies”: { “babel-core”: “^6.2.1”, “babel-loader”: “^6.2.0”, “babel-preset-es2015”: “^6.1.18” }, “scripts”: { “test”: “echo \”Error: no test specified\” && exit 1″ }, “author”: “”, “license”: “ISC”, “private”: true } webpack.config.js module.exports = { entry: “./src/main.js”, output: { path: […]

Comment accéder à webpack-dev-server à partir des périphériques du réseau local?

Il y a une configuration de serveur de dev webpack (cela fait partie de la configuration entière): config.devServer = { contentBase: ‘./’ + (options.publicFolder ? options.publicFolder : ‘public’), stats: { modules: false, cached: false, colors: true, chunk: false }, proxy: [{ path: /^\/api\/(.*)/, target: options.proxyApiTarget, rewrite: rewriteUrl(‘/$1’), changeOrigin: true }] }; function rewriteUrl(replacePath) { return […]

Sass avec les modules CSS et Webpack

Je construis un projet depuis un certain temps en utilisant des modules Webpack, Sass et CSS. Normalement, dans mes fichiers .scss , je définis une classe comme: :local(.button) { color: white; } et dans mes composants React, dans la méthode de render , j’ai besoin des styles: render = () => { const styles = […]

webpack TS2304 Impossible de trouver le nom ‘Map’, ‘Set’, ‘Promise’

J’ai les webpack.config.js suivants var path = require(“path”); var webpack = require(‘webpack’); module.exports = { entry: { ‘ng2-auto-complete’: path.join(__dirname, ‘src’, ‘index.ts’) }, resolve: { extensions: [”, ‘.ts’, ‘.js’, ‘.json’, ‘.css’, ‘.html’] }, output: { path: path.join(__dirname, ‘dist’), filename: “[name].umd.js”, library: [“[name]”], libraryTarget: “umd” }, externals: [ /^rxjs\//, //…. any other way? rx.umd.min.js does work? /^@angular\// […]

Obtenir la sortie css en utilisant webpack ExtractTextPlugin

J’essaie d’obtenir css nécessite de travailler dans webpack en utilisant ExtractTextPlugin mais sans succès Je veux un fichier css séparé plutôt que d’inclure un css. Voici ma configuration webpack: var path = require(‘path’); var webpack = require(‘webpack’); var ExtractTextPlugin = require(‘extract-text-webpack-plugin’); module.exports = { devtool: ‘eval’, entry: [ ‘webpack-dev-server/client?http://localhost:3000’, ‘webpack/hot/only-dev-server’, ‘./scripts/index’ ], output: { path: […]

Que fait un `~` tilde dans un CSS `url ()` faire?

Par exemple, @import url(“~./foobar”); Regardez-le ici , pas sûr que ce soit une chose spécifique au paquet ou si c’est la syntaxe CSS réelle.

Webpack utilisant bootstrap – jquery n’est pas défini

import $ from ‘jquery’; require(“./node_modules/bootstrap/dist/css/bootstrap.min.css”) require(“./node_modules/bootstrap/js/dropdown.js”) import React from ‘react’; import ReactDOM from ‘react-dom’; var _ = require(‘lodash’); S’il vous plaît se référer ci-dessus mon réglage. Une des raisons pour lesquelles j’ai une erreur en disant ” UnError de référence: jQuery n’est pas défini () à partir de dropdown.js J’ai également inclus les lignes suivantes […]