comment dire webpack qui ne sont pas rapetisser et pack fichiers js

Je suis l'aide de vue-cli webpack réutilisable à cette adresse:

vuejs-templates/webpack

Je veux webpack de ne pas rapetisser et pack fichiers js dans le dev mode.
comment peut-il être atteint?
le problème est que nous avons un énorme testé asp.net application web forms, et il comprend déjà jquery et bootstrap, d'une manière qui ne peut pas court-circuité.
et j'ai en conflit jquery et bootstrap.js avec vue. que je ne peux pas déboguer le dev mode.

OriginalL'auteur ahmad molaie | 2016-11-26

  1. 8

    Sont en vous référant à la vue-cli webpack standard: https://github.com/vuejs-templates/webpack

    Si donc, la production de construire (mnp run build) est minimisé et mutilé par uglify. Pour modifier son comportement aller à build/webpack.prod.conf.js et de modifier le uglify les options de production. Vous pouvez probablement supprimer tous ensemble en fonction de ce que vous avez besoin, c'est à dire pas de compression, pas de mutilation, ou définissez les options comme ci-dessous:

    new webpack.optimize.UglifyJsPlugin({
  compress: false,
  mangle: false,
})

    découvrez le webpack docs pour plus d'info: https://webpack.github.io/docs/list-of-plugins.html#uglifyjsplugin

    Si vous rencontrez des problèmes aussi avec elle, l'emballage du fournisseur de fichiers, cette config est dans le même fichier. Rechercher:

    new webpack.optimize.CommonsChunkPlugin({
  name: 'vendor',
  ...

    Toutefois, si vous n'avez pas besoin d'inclure JQuery ou Bootstrap.js dans l'application, vous pouvez non seulement pour éviter de les importer dans? Ensuite, il suffit de lier à ces 2 libaries séparément dans votre code html.

    MODIFIER

    Pour répondre à toutes les questions que vous avez avec ESLint vouloir un $ valeur, ou tout autres que vous êtes, y compris en dehors de votre application, il vous suffit de modifier votre .eslint.js fichier de configuration ajout de certaines params ou, dans le cas de JQuery, vous pouvez ajouter le JQuery env variable:

    env: {
    'jquery': true
}

# or to set global vars that would be available on your apps window, i.e. window.foo
globals: {
  'foo': true
},

    découvrez eslint pour plus d'info: http://eslint.org/docs/user-guide/configuring

    J'ai mis à jour la réponse à l'aide avec votre eslint question. En ce qui concerne votre webpack.dev.conf.js par défaut ne sera pas la compression, mais il ajoute de la carte source. Toutefois, si vous corrigez les eslint problème que vous pourriez être en mesure de laisser cette raison en est que les cartes sont utiles pour accélérer le débogage.
    avez-vous l'obtenir triés?
    oui, vous m'a indiqué la bonne direction. essentiellement, ce que je cherchais était de débogage ES2015 codes, et fondée que webpack(et vue-loader) de la conversion *.vue des fichiers à la normale, à l'ancienne, navigateur compréhensible code(suis-je le droit?). j'ai changé mon point de vue, et la partie la plus utile est votre explication de global et env partie qui a sauvé ma soirée, merci à l'avance. maintenant, j'utilise sourcemaps, et ont besoin de rapetisser et uglify lors de la construction pour la production. et enfin, je suis confus, par tous les concepts de trait et de verdure, à browserify et webpack, à amd, commonjs ,requirejs et ainsi de suite ...
    pas de soucis, en ce qui concerne ce que vue de l'analyseur ne oui, il convertit les modèles que vous écrivez dans la plaine de js. Comme pour une documentation, DONC je ne suis pas sûr de ce qui est là-bas, mais je sais ce que tu veux dire - il y a beaucoup de choses avec les applications de nos jours, et il faut beaucoup de l'apprentissage. Il suffit de garder brancher / tests et bien sûr vérifier les ressources pour webpack que vais certainement clair que la plupart des choses. Un truc que j'aimerais ajouter, c'est que la vue-cli est solide, de sorte que même si vous ne connaissez pas toutes ses pièces de travail, vous devriez être en mesure d'obtenir un grand app de l'environnement et en cours d'exécution.
    si vous pouvez voir où webpack tire dans uglify, c'est à dire new webpack.optimize.UglifyJsPlugin puis passer le mangle option comme ci-dessus. Si ce n'est pas de travail pourrait-il être que vous utilisez minimisé (et de déformation) des versions de votre fournisseur de bibliothèques? Donc uglify ne fait rien, les fichiers déjà ressembler à ça ...

    OriginalL'auteur GuyC