1. 程式人生 > >webpack打包,配置路徑

webpack打包,配置路徑

webpack.config.js檔案的配置

正確:

/**
 * Created by Shellin on 2017/6/21.
 */
module.exports={
    entry:'./src/script/main.js',
    output:{
        path: __dirname + '/dist/js',
        //path: path.resolve(__dirname, './dist'),
       // path:'webpack'+'/dist/js',
        filename:'bundle.js'
    }
}

這個應該之webpack1.0  和 2.0不同的原因

1.0

path:'/dist/js',

就可以了  ,然而 2.0需要指明資料夾

則:

 path: __dirname + '/dist/js',
這個  其實 是個小問題 但是看見這個提示 就會崩潰

看一下:

問題就在上面:

這是打包好的:

那麼看一下 這個_dirname:

在任何模組檔案內部,可以使用__dirname變數獲取當前模組檔案所在目錄的完整絕對路徑。

看到了吧,剛才的問題就是沒有絕對路徑,現在有了這個就可以了,完美~~~

打包的入口,有一個是這樣的

module.exports={
    entry:{
        main:"./src/script/main.js",
        a:"./src/script/a.js"

    },
    //['./src/script/main.js','./src/script/a.js'],
    output:{
        path: __dirname + '/dist/js',
        //path: path.resolve(__dirname, './dist'),
       // path:'webpack'+'/dist/js',
        filename:'[name].js'
    }

按理說  ,應該打包為一個檔案,這個是我修改後的,
   filename:'[name].js'
就這個總是,不對我現在也不知道這是為什麼要一定寫[name].js才能通過,但是結果是倆個檔案,   然而 寫bundle.js就報錯:


試過很多方法,但是都不對。現在結果是有了,可以還是有疑問!!!!!!!