html - node-module文件有两个在我的项目文件里

Question

我的项目用的webpack+vue+vue-cli+vue-resource+vue-router,由于我第一次做vue项目 不太熟悉，安装了一些没用的依赖，现在在项目文件里出现两个node-module，而且有一个node-module特别大，希望大家指导一下 该怎么做谢谢

Answer 1

Except vue, vue-* does not need to be loaded
because you can directly on the page
<script src="vue.min.js"></script><script src="vue.min.js"></script>
<script src="vue-route.min.js"></script> <script src="vue-route.min.js"></script>

package.json

{
  "name": "laravel",
  "version": "5.4.0",
  "private": true,
  "scripts": {
     "dev": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch-poll": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --watch-poll --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
    "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
  },
  "repository": {
    "type": "git",
    "url": "xxxx"
  },
  "devDependencies": {
    "axios": "^0.15.3",
    "cross-env": "^3.2.3",
    "babel-preset-latest": "^6.22.0",
    "babel-preset-stage-0": "^6.22.0",
    "laravel-mix": "^0.8.1",
    "vue": "^2.1.10"
  }
}

.babelrc

{
    "presets": [
        "latest",
        "stage-0"
    ]
}

For the webpack side, using laravel-mix is ​​enough

webpack.mix.js

const { mix } = require('laravel-mix');
mix.autoload({});
mix.config.publicDir = './';
mix.config.publicPath = './';

mix.js('js/xx.node.js', 'js/xx.min.js');

In this way, vue/jquery, etc. will not be packaged when packaging. Just quote jquery and vue on the page

Answer 2

The first one seems to be unnecessary,
The second one is too large, which means you have too many dependencies, so this directory is very large, but don’t worry, you don’t actually need node_moudule when publishing