一，安裝nodejs軟件（直接商城搜索安裝即可）。

二，配置npm

npm install npm -g

三，配置webpack，在cmd中安裝。

npm install -g webpack
npm install -g webpack-cli

四，指導webpack在自己項目文件夾中工作，需書寫webpack.config.js

const path = require('path');module.exports = {// 打包模式，development不加密，打包快；// production生產模式，在服務器上部署了，加密、打包慢mode: 'development',// 入口，從哪個文件開始打包entry: './app/main.js',// 出口，打包到什么地方output: {// 文件名filename: 'bundle.js',// 路徑path: path.resolve(__dirname, 'dist')}
}

五，保護硬盤需安裝

npm install -g webpack-dev-server

六，為了讓webpack能夠認識css文件，必須安裝css-loader。

npm install --save css-loader
npm install --save style-loader

七，安裝Vue依賴

 npm install --save vue-loadernpm install --save vue-template-compiler

八，安裝Vue

npm install --save vue

九，由于loader裝了3個，webpack有一個問題，就是必須在項目中重新安裝webpack。

npm install --save webpack

十，項目文件夾中應有

各文件創建：

十一，webpack.config.js自己寫，package.json創建

npm init

安裝各種依賴都保存在package.json里

npm install --save ...

用

npm install

從package.json安裝依賴到node_modules

總結

以上是生活随笔為你收集整理的vue webpack打包入口文件是哪个_Vue项目起步的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。