Mam problem z kompilacja plikow vue przy uzyciu webpacka. Wszystko dziala ok jesli folder resources z plikami vue, node_modules i webpack.config.js mam w tym samym folderze jednak potrzebuje aby node_modules i inne pliki konfiguracyjne byly w osobnym folderze.
Dla zobrazowania kompilacja dziala gdy struktura folderu wyglada tak:
-project
--node_modules
--resources/assets/js/core
--package.json
--webpack.config.js
jednak gdy mam tak
--project
--config
---node_modules
---webpack.config.js
---package.json
--resources/assets/js/core/
wyswietla bledy przy probie kompilacji:
ERROR in ../public/js/resources/assets/js/app.js
Module not found: Error: Can't resolve 'axios' in '/project/public/js/resources/assets/js'
@ ../public/js/resources/assets/js/app.js 2:0-26 5:15-20
ERROR in ../public/js/resources/assets/js/app.js
Module not found: Error: Can't resolve 'vue' in '/project/public/js/resources/assets/js'
@ ../public/js/resources/assets/js/app.js 1:0-22 9:4-7
ERROR in chunk main [entry]
bundle.js
/project/public/js/resources/assets/js/app.js 769de3a386d19177a937204e6126a773
Unexpected token (11:4)
| window.Klasa = __WEBPACK_MODULE_REFERENCE__0_64656661756c74__;
|
| new !(function webpackMissingModule() { var e = new Error("Cannot find module \"vue\""); e.code = 'MODULE_NOT_FOUND'; throw e; }())({
|
| el: '#app',
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! project@1.0.1 webpack: `webpack --hide-modules`
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the project@1.0.1 webpack script.
moj webpack config
let webpack = require('webpack');
let path = require('path');
module.exports = {
entry: './resources/assets/js/app.js',
output: {
path: path.resolve(__dirname, './resources/compiled/js'),
filename: 'bundle.js',
publicPath: './public' //if public path different in production
}
};
probowalem zmieniac sciezki ale nadal to samo, mialem podobny problem z gulpem jesli node_modules jest w innym folderze gulp nie moze znalezc pluginow mimo iz sa zainstalowane np.
Unknown plugin "transform-runtime" specified in "base" at 0